jotoho/my-website
1
0
Fork 0
Code Issues Pull requests Activity

Disable table margin on small screens

Browse source
This commit is contained in:
Jonas Tobias Hopusch 2021-08-17 11:01:16 +02:00
parent 1f103825d1
commit 67ff6ae0ec
Failed to generate hash of commit
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/css/general.css
View file

@ -68,7 +68,7 @@ table {
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
border-collapse: collapse; border-collapse: collapse;
margin: 1rem 2rem; margin: 1rem 2.5vw;
} }
td, th { td, th {
@ -80,6 +80,13 @@ td, th {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
@media (max-width: 30rem), (max-width: 1000px) {
table {
margin-right: 0;
margin-left: 0;
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background-color: black; background-color: black;