Change responsive styling
This commit is contained in:
parent
d66da677a6
commit
fc0f008300
20
cv.html
20
cv.html
|
|
@ -34,7 +34,6 @@
|
|||
body {
|
||||
color: var(--color);
|
||||
background-color: var(--color-background);
|
||||
max-width: 80ch;
|
||||
padding: 1ch;
|
||||
margin: 0 auto;
|
||||
font-family: Vollkorn, serif;
|
||||
|
|
@ -60,6 +59,24 @@
|
|||
font-style: italic;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
body {
|
||||
padding: 2ch;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
body {
|
||||
padding: 3ch;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 900px) {
|
||||
body {
|
||||
max-width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--color: var(--color-primary-light);
|
||||
|
|
@ -79,6 +96,7 @@
|
|||
max-width: initial;
|
||||
font-size: 10pt;
|
||||
background-color: #ffffff;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body,
|
||||
|
|
|
|||
Loading…
Reference in a new issue