adjust main and body height, and overflow behavior
This commit is contained in:
parent
b75de2c660
commit
b26fcb1b30
|
@ -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;
|
||||
}
|
||||
*/
|
||||
|
||||
|
|
Loading…
Reference in New Issue