Flexbox row with column

Hello, I am practicing making nav bars to learn css.

Navbar 1 with a dropdown menu. Its suuper ugly.

Navbar 2 I really like how it looks but no dropdown menu.

The problem is I cant seem to have the best of both worlds, I am having trouble making navbar 2 dropdown.

How can I make my navbar 2 dropdown? I think my problem is I am having trouble turning list items into rows and making the sub lists into columns. I cant find a good guide using list items, only divs.

You generally want to remove the default list styling, but bar that it’s exactly the same, you implement it the same regardless of elements used

1 Like