Set maximum width to 40rem across screen sizes (#111)

* Set maximum width to 40rem across screen sizes

Some rules are removed to correct the bounding box size
in browser inspector and fix the overflow on the x-axis.

* Remove unused div.parent

(The diff should be viewed --ignore-all-space)
This commit is contained in:
McSinyx
2024-04-25 14:09:43 +09:00
committed by GitHub
parent 3a508ddbd4
commit e020639a3b
4 changed files with 100 additions and 144 deletions

View File

@ -29,10 +29,23 @@ a {
}
html {
margin: auto;
max-width: 40rem;
}
@media only screen and (max-width: calc(40rem + 2rem)) {
body {
padding-left: 1rem;
padding-right: 1rem;
}
}
body {
background-color: var(--main-bg);
color: var(--text-color);
font-family: sans-serif;
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
}
.icon {