adjust hero fonts and spacing

This commit is contained in:
isUnknown 2024-09-03 14:48:28 +02:00
parent 85f987627d
commit 5f8bdc66c0
5 changed files with 38 additions and 4 deletions

View file

@ -1,19 +1,22 @@
.hero {
--padding-vertical: calc(var(--space-m) / 1.5);
display: grid;
grid-template-columns: 2fr 3fr;
column-gap: calc(var(--space-m) / 2);
grid-template-columns: 1.6fr 3fr;
column-gap: calc(var(--space-m) / 1.5);
}
.hero__text h2 {
font-size: var(--font-size-h1);
font-size: var(--font-size-xl);
width: 100%;
text-align: center;
margin-bottom: var(--padding-vertical);
}
.hero__text h3 {
color: var(--color-salmon);
font-size: var(--font-size-h2);
}
.hero__text h3:nth-child(odd) {
text-align: end;
}
.hero__text p:not(:last-of-type) {