janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-10-29 12:52:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update font sizes for responsive design

Browse Source
This commit is contained in:
dertyp7
2024-01-13 17:55:24 +01:00
parent 6f9191a95a
commit 171510ebfc
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/index.scss
View File

@@ -33,9 +33,13 @@ h1 {
font-size: 6rem; font-size: 6rem;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 670px) {
font-size: 4rem; font-size: 4rem;
} }
@media screen and (max-width: 480px) {
font-size: 3rem;
}
} }
h2 { h2 {
@@ -46,8 +50,12 @@ h2 {
font-size: 3rem; font-size: 3rem;
} }
@media screen and (max-width: 670px) {
font-size: 2.5rem;
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
font-size: 2rem; font-size: 1.5rem;
} }
} }