zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adjust main and body height, and overflow behavior

This commit is contained in:
emma 2024-12-13 15:03:38 -05:00
parent b75de2c660
commit b26fcb1b30
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
style/style.css
View File

@ -14,11 +14,14 @@ html {
} }
body { body {
height: 100vh;
width: auto;
background-color: var(--body-background-color); background-color: var(--body-background-color);
display: grid; display: grid;
grid-template-columns: 15vw 60vw; grid-template-columns: 15vw 60vw;
grid-template-rows: 5vh 2fr 5vh; grid-template-rows: 5vh 2fr 5vh;
justify-content: center; justify-content: center;
overflow: hidden;
} }
main, nav { main, nav {
@ -28,8 +31,9 @@ main, nav {
main { main {
background-color: var(--background-color); background-color: var(--background-color);
height: auto; height: 100%;
width: 60vw; width: 60vw;
overflow: scroll;
grid-column: 2/3; grid-column: 2/3;
grid-row: 2/3; grid-row: 2/3;
} }
@ -74,10 +78,7 @@ nav {
border-image-source: linear-gradient(to bottom, #FCF434, #FFFFFF, #9C59D1, #2C2C2C); border-image-source: linear-gradient(to bottom, #FCF434, #FFFFFF, #9C59D1, #2C2C2C);
} }
/*
section { section {
grid-column: 2/3;
grid-row: 2/3;
width: 55vw; width: 55vw;
} }
*/