css responsiveness tweaks

This commit is contained in:
Jonas Tobias Hopusch 2021-08-24 11:35:19 +02:00
parent f787364ccd
commit b2feb3d2c1
Failed to generate hash of commit
1 changed files with 12 additions and 3 deletions

View File

@ -6,8 +6,9 @@
box-sizing: border-box;
}
html {
body {
font-family: monospace;
max-width: 100vw;
}
header, footer {
@ -53,8 +54,8 @@ article {
}
#mainarticle {
width: 95vw;
max-width: 80rem;
width: fit-content;
max-width: min(80rem, 100%);
margin: 0 auto;
}
@ -75,6 +76,7 @@ table {
border-bottom: none;
border-collapse: collapse;
margin: 1rem auto;
max-width: 100%;
}
td, th {
@ -84,6 +86,13 @@ td, th {
border-top: none;
border-collapse: collapse;
padding: 0.5rem;
line-break: anywhere;
}
@media (max-width: 15rem) {
* {
line-break: anywhere;
}
}
@media (prefers-color-scheme: dark) {