attempt to fix weird spacing on safari
This commit is contained in:
@ -27,7 +27,7 @@ body {
|
|||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-family: sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,8 +4,8 @@ nav {
|
|||||||
margin: 0 auto 1.5rem;
|
margin: 0 auto 1.5rem;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template: "logo nav";
|
grid-template: "logo nav";
|
||||||
grid-template-rows: 6.75rem;
|
grid-template-rows: 7rem;
|
||||||
grid-template-columns: 6.75rem auto;
|
grid-template-columns: 7rem auto;
|
||||||
background-image: url("/assets/img/greenhouse.jpg");
|
background-image: url("/assets/img/greenhouse.jpg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@ -99,7 +99,6 @@ nav ul {
|
|||||||
grid-area: nav;
|
grid-area: nav;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: .6rem;
|
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user