mirror of
https://github.com/httpjamesm/AnonymousOverflow.git
synced 2025-05-16 23:12:53 +00:00
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:
parent
3a508ddbd4
commit
e020639a3b
4 changed files with 100 additions and 144 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue