Benjamin/personal-website
1
0
Fork 0
Code Issues 4 Pull requests Releases Activity

Change responsive styling

Browse source
This commit is contained in:
Benjamin 2023-02-05 17:06:06 +01:00
parent d66da677a6
commit fc0f008300
1 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
cv.html
View file

@ -34,7 +34,6 @@
body { body {
color: var(--color); color: var(--color);
background-color: var(--color-background); background-color: var(--color-background);
max-width: 80ch;
padding: 1ch; padding: 1ch;
margin: 0 auto; margin: 0 auto;
font-family: Vollkorn, serif; font-family: Vollkorn, serif;
@ -60,6 +59,24 @@
font-style: italic; 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) { @media (prefers-color-scheme: light) {
:root { :root {
--color: var(--color-primary-light); --color: var(--color-primary-light);
@ -79,6 +96,7 @@
max-width: initial; max-width: initial;
font-size: 10pt; font-size: 10pt;
background-color: #ffffff; background-color: #ffffff;
padding: 0;
} }
body, body,