adjust nav and main widths
This commit is contained in:
parent
6d9c72e315
commit
0e86ad5da5
|
@ -32,7 +32,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: 14vw 60vw;
|
grid-template-columns: 20vw 60vw;
|
||||||
grid-template-rows: 6vh 88vh 5vh;
|
grid-template-rows: 6vh 88vh 5vh;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -67,7 +67,7 @@ header {
|
||||||
grid-row: 1/2;
|
grid-row: 1/2;
|
||||||
grid-column: 1/3;
|
grid-column: 1/3;
|
||||||
height: 6vh;
|
height: 6vh;
|
||||||
width: 74vw;
|
width: 80vw;
|
||||||
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;
|
||||||
|
@ -83,7 +83,7 @@ footer {
|
||||||
grid-row: 3/4;
|
grid-row: 3/4;
|
||||||
grid-column: 1/3;
|
grid-column: 1/3;
|
||||||
height: 5vh;
|
height: 5vh;
|
||||||
width: 74vw;
|
width: 80vw;
|
||||||
border-bottom-left-radius: 15px;
|
border-bottom-left-radius: 15px;
|
||||||
border-bottom-right-radius: 15px;
|
border-bottom-right-radius: 15px;
|
||||||
border-top: 10px solid;
|
border-top: 10px solid;
|
||||||
|
@ -109,7 +109,7 @@ nav {
|
||||||
grid-column: 1/2;
|
grid-column: 1/2;
|
||||||
justify-self: end;
|
justify-self: end;
|
||||||
align-self: end;
|
align-self: end;
|
||||||
width: 14vw;
|
width: 20vw;
|
||||||
height: 87vh;
|
height: 87vh;
|
||||||
padding-left: 0.75rem;
|
padding-left: 0.75rem;
|
||||||
border-right: 10px solid;
|
border-right: 10px solid;
|
||||||
|
|
Loading…
Reference in New Issue