Adjust hero proportions
This commit is contained in:
@@ -105,6 +105,10 @@ button {
|
|||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.88fr);
|
||||||
|
}
|
||||||
|
|
||||||
.brand {
|
.brand {
|
||||||
width: clamp(200px, 22vw, 320px);
|
width: clamp(200px, 22vw, 320px);
|
||||||
}
|
}
|
||||||
@@ -117,7 +121,7 @@ button {
|
|||||||
gap: 2.5rem;
|
gap: 2.5rem;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
padding-top: clamp(2.25rem, 4vw, 3.75rem);
|
padding-top: clamp(2.25rem, 4vw, 3.75rem);
|
||||||
padding-bottom: clamp(2.25rem, 4vw, 3.5rem);
|
padding-bottom: clamp(2rem, 3.4vw, 3rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__headline-wrap {
|
.hero__headline-wrap {
|
||||||
@@ -156,7 +160,7 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hero__media {
|
.hero__media {
|
||||||
min-height: 760px;
|
min-height: 660px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero__media img,
|
.hero__media img,
|
||||||
|
|||||||
Reference in New Issue
Block a user