adjust hero fonts and spacing
This commit is contained in:
parent
85f987627d
commit
5f8bdc66c0
5 changed files with 38 additions and 4 deletions
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue