Fix mobile font sizes

This commit is contained in:
Ian Gulliver
2019-04-24 05:38:53 +00:00
parent 4e27f9a937
commit 286d55727a

View File

@@ -12,12 +12,6 @@ body {
background: black; background: black;
} }
@media (max-width: 500px) { /* For small screen decices */
body {
font-size: 12px;
}
}
a { a {
color: #d8d8d8; color: #d8d8d8;
text-decoration: underline dotted; text-decoration: underline dotted;
@@ -45,8 +39,8 @@ footer {
text-align: center; text-align: center;
} }
h1 { h1, h2, h3, h4 {
font-size: 16px; font-size: 17px;
} }
h1 a { h1 a {
@@ -54,7 +48,6 @@ h1 a {
} }
h2 { h2 {
font-size: 16px;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
margin-top: 0.5em; margin-top: 0.5em;
@@ -62,13 +55,11 @@ h2 {
} }
h3 { h3 {
font-size: 16px;
font-weight: bold; font-weight: bold;
margin-top: 2em; margin-top: 2em;
} }
h4 { h4 {
font-size: 16px;
font-weight: normal; font-weight: normal;
} }
@@ -107,3 +98,17 @@ code {
overflow: scroll; overflow: scroll;
} }
@media (max-width: 500px) {
body {
font-size: 13px;
}
code {
font-size: 13px;
}
h1, h2, h3, h4 {
font-size: 14px;
}
}