fix the navigation flexbox

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

View file

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