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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 100 additions and 144 deletions

View file

@ -1,21 +1,10 @@
body {
background-color: var(--main-bg);
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
margin: 0;
color: var(--text-color);
}
.container {
width: 40rem;
margin: auto;
}
.footer {
@ -104,10 +93,3 @@ body {
width: 2rem;
height: 2rem;
}
@media screen and (max-width: 800px) {
body {
padding: 1rem;
box-sizing: border-box;
}
}