array-in-a-matrix/bloginamatrix.xyz
1
0
Fork 0
Code Issues 5 Pull requests Packages Projects Releases Activity

adjust nav bar based on screen size

Browse source
This commit is contained in:
array-in-a-matrix 2024-01-15 17:55:12 -05:00
parent 58629fdc9d
commit b82aead24d
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Header.astro
View file

@ -18,6 +18,17 @@ import { SITE_TITLE } from '../consts';
background: white;
box-shadow: 0 2px 8px rgba(var(--black), 50%);
}
@media (max-width: 720px) {
header{
display: flex;
justify-content: center;
}
}
@media (min-width: 720px) {
nav{
height: 100vh;
}
}
h2 {
margin: 0;
font-size: 1em;
@ -31,7 +42,6 @@ import { SITE_TITLE } from '../consts';
align-items: center;
justify-content: space-between;
flex-flow: column wrap;
height: 100vh;
width: 200px;
position: sticky;
top: 0;

1
src/styles/global.css
View file

@ -130,6 +130,7 @@ hr {
@media (max-width: 720px) {
body {
font-size: 18px;
flex-direction: column;
}
main {
padding: 1em;