start hero styling
This commit is contained in:
parent
aa265db0d3
commit
a5ec57959d
11 changed files with 139 additions and 0 deletions
27
assets/css/src/hero.css
Normal file
27
assets/css/src/hero.css
Normal 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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue