Fries/fries-website
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity

fix the navigation flexbox

Browse source 
it looks like flexboxes don't have wrapping enabled by default so they
overflow so i wrapped the flexbox. i also used the gap property as it
does the same thing as adding manual margin but less hacky and it works
on every element of the flexbox, not just a tags.

Fixes #4
This commit is contained in:
Fries 2023-06-13 01:22:45 -07:00
parent 41da6f615b
commit dfe6dfbe4d
1 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Navigation.astro
View file

@ -11,9 +11,7 @@
flex-direction: row; flex-direction: row;
font-size: 20px; font-size: 20px;
justify-content: center; justify-content: center;
} flex-wrap: wrap;
#nav-container a { gap: 20px;
margin-left: 10px;
margin-right: 10px;
} }
</style> </style>