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:
@ -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 {
|
||||
|
Reference in New Issue
Block a user