adjusted nav, header, and footer width

This commit is contained in:
emma 2024-12-14 15:55:09 -05:00
parent cec915b66a
commit 1bb7288751
1 changed files with 4 additions and 4 deletions

View File

@ -29,7 +29,7 @@ body {
background-color: var(--body-background-color); background-color: var(--body-background-color);
background-image: url("../img/site/assets/sakura.webp"); background-image: url("../img/site/assets/sakura.webp");
display: grid; display: grid;
grid-template-columns: 12vw 60vw; grid-template-columns: 14vw 60vw;
grid-template-rows: 6vh 88vh 5vh; grid-template-rows: 6vh 88vh 5vh;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
@ -64,7 +64,7 @@ header {
grid-row: 1/2; grid-row: 1/2;
grid-column: 1/3; grid-column: 1/3;
height: 5vh; height: 5vh;
width: 72vw; width: 74vw;
border-top-left-radius: 15px; border-top-left-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
border-bottom: 10px solid; border-bottom: 10px solid;
@ -79,7 +79,7 @@ footer {
grid-row: 3/4; grid-row: 3/4;
grid-column: 1/3; grid-column: 1/3;
height: 5vh; height: 5vh;
width: 72vw; width: 74vw;
padding-top: 0.5rem; padding-top: 0.5rem;
border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
@ -101,7 +101,7 @@ nav {
grid-row: 2/3; grid-row: 2/3;
grid-column: 1/2; grid-column: 1/2;
justify-self: end; justify-self: end;
width: 12vw; width: 14vw;
height: 88vh; height: 88vh;
padding-left: 0.75rem; padding-left: 0.75rem;
border-right: 10px solid; border-right: 10px solid;