adjusted nav, header, and footer width
This commit is contained in:
parent
cec915b66a
commit
1bb7288751
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue