tblyler/etch
1
0
Fork 0
mirror of https://github.com/LukasJoswiak/etch.git synced 2024-05-17 05:28:31 -04:00
Code Issues Projects Releases Wiki Activity

smoothly increase body size from 600 to 800

Browse source
This commit is contained in:
acarril 2023-08-22 15:15:20 -04:00
parent 70e8d8b85b
commit ce6b757859
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
assets/css/min770px.css
View file

@ -1,9 +1,10 @@
@media (min-width: 770px) {
body {
width: 600px;
line-height: 1.5;
@media (min-width: 768px) and (max-width: 967px) {
body {
width: calc(600px + (200 * (100vw - 768px) / 200)); /* This will proportionally increase the width */
}
}
main#content hr {
width: 108%;
margin-left: -3.8%;