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

View File

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