White space between rows when using flex: wrap
Am trying to make a navbar, but when I use flex: wrap and the navbar shrinks, there is a lot off space between the first row and the second row (see image). Here you is my html and css https://codepen.io/lccua/pen/OJKXRPZ
2 Replies
That is due to the gap in the parent item. “gap”, in its short form, is both for columns and rows.
If you want diffrerent spacing between rows and columns you can define 2 values, the first value being the row and the second the column. :
Alternatively you can define them separately with:
@Chris thank you!! I needed to remove the height: 100% to