Smaller headings on mobile
This commit is contained in:
parent
8639bef1b5
commit
08392092d5
32
src/main.css
32
src/main.css
@ -66,3 +66,35 @@ h6 {
|
|||||||
text-wrap: pretty;
|
text-wrap: pretty;
|
||||||
text-wrap: balance;
|
text-wrap: balance;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
|
||||||
|
@container (max-width: 450px) {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
|
||||||
|
@container (max-width: 450px) {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.17em;
|
||||||
|
|
||||||
|
@container (max-width: 450px) {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.17em;
|
||||||
|
|
||||||
|
@container (max-width: 450px) {
|
||||||
|
font-size: 1.05em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user