TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Update hero section styles

Browse source
This commit is contained in:
TheThomaas 2025-05-27 21:42:31 +02:00
parent e03cef5ba5
commit 2a0ac62ad9
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/css/components/hero.css
View file

@ -2,23 +2,27 @@
height: 90svh; height: 90svh;
} }
.hero div { .hero div {
text-align: center; text-align: start;
flex-direction: column; flex-direction: column;
justify-content: end; justify-content: end;
align-items: center; align-items: start;
display: flex; display: flex;
} }
.hero p { .hero p {
max-width: 48ch; max-width: 48ch;
} }
@media screen and (min-width: 768px) {
.hero div {
text-align: start;
align-items: start;
}
}
.hero-title { .hero-title {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 600;
line-height: 1;
margin-bottom: .4em;
}
.hero-title .accent-font {
font-size: 1.5em;
line-height: 1;
font-weight: normal;
font-style: italic;
color: currentColor;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.hero-title { .hero-title {