Disable table margin on small screens
This commit is contained in:
parent
1f103825d1
commit
67ff6ae0ec
1 changed files with 8 additions and 1 deletions
|
@ -68,7 +68,7 @@ table {
|
|||
border-right: none;
|
||||
border-bottom: none;
|
||||
border-collapse: collapse;
|
||||
margin: 1rem 2rem;
|
||||
margin: 1rem 2.5vw;
|
||||
}
|
||||
|
||||
td, th {
|
||||
|
@ -80,6 +80,13 @@ td, th {
|
|||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 30rem), (max-width: 1000px) {
|
||||
table {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
background-color: black;
|
||||
|
|
Loading…
Reference in a new issue