start hero styling

This commit is contained in:
isUnknown 2024-07-30 12:07:47 +02:00
parent aa265db0d3
commit a5ec57959d
11 changed files with 139 additions and 0 deletions

27
assets/css/src/hero.css Normal file
View file

@ -0,0 +1,27 @@
.hero {
display: grid;
grid-template-columns: 2fr 3fr;
}
.hero__text {
padding: 2.5rem;
}
.hero__text h2 {
font-size: var(--font-size-h1);
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
.hero__text h3 {
color: var(--color-salmon);
}
.hero__text p:not(:last-of-type) {
margin-bottom: 1rem;
}
.hero__text p:first-of-type {
margin-top: 2rem;
}