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

View file

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