page, font adjustments for mobile

This commit is contained in:
Lyn Fugmann 2024-09-25 18:41:14 +02:00
parent 748b0c213e
commit 5c77536d98

View file

@ -24,6 +24,13 @@ main {
margin-right: auto;
}
@media (width < 1024px) {
.content {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
}
h1, h2, h3, h4 {
color: var(--color-primary);
}
@ -62,6 +69,22 @@ p {
line-height: 1.8;
}
@media (width < 640px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
font-weight: 400;
}
h4 {
font-size: 1.15em;
}
}
:root {
font-size: 12px;
--page-width: 1280px;