fix: shift hero header copy right and SVGs
This commit is contained in:
@@ -5,8 +5,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hero:not(.historical-hero) .hero__brand {
|
.hero:not(.historical-hero) .hero__brand {
|
||||||
grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
|
grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
|
||||||
gap: clamp(44px, 5vw, 76px);
|
column-gap: clamp(96px, 8vw, 150px);
|
||||||
max-width: 1360px;
|
max-width: 1360px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
.hero:not(.historical-hero) .hero__copy {
|
.hero:not(.historical-hero) .hero__copy {
|
||||||
max-width: 980px;
|
max-width: 980px;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
transform: translateX(clamp(18px, 2.2vw, 44px));
|
transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero:not(.historical-hero) .hero__title {
|
.hero:not(.historical-hero) .hero__title {
|
||||||
@@ -44,15 +44,15 @@
|
|||||||
|
|
||||||
@media (min-width: 1121px) and (max-width: 1380px) {
|
@media (min-width: 1121px) and (max-width: 1380px) {
|
||||||
.hero:not(.historical-hero) .hero__brand {
|
.hero:not(.historical-hero) .hero__brand {
|
||||||
grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
|
grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
|
||||||
gap: 40px;
|
column-gap: clamp(72px, 6vw, 110px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero:not(.historical-hero) .hero__copy {
|
.hero:not(.historical-hero) .hero__copy {
|
||||||
transform: translateX(clamp(12px, 1.6vw, 24px));
|
transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero:not(.historical-hero) .hero__title {
|
.hero:not(.historical-hero) .hero__title {
|
||||||
font-size: clamp(3.6rem, 5.5vw, 5.1rem);
|
font-size: clamp(3.6rem, 5.5vw, 5.1rem);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user