How can I get flex-direction to work on my ul?

Hey y’all! I’ve set a breakpoint for this navigation bar using a media query but I can’t get the flex-direction set to row. The list moves to the end with justify-content but they stay stacked on top of each other. Does this have to do with them being block elements?

It looks like you have your list items set as a flex container. The unordered list should be the flex container, since it is the parent and the list items are the flex items.

Changing your div to display: flex; would allow you to position the unordered list. Then changing the unordered list to display: flex would allow you to position the lists in the list. You don’t have to set the flex-direction to row cause it is the default, unless you just want it explicitly stated.

Hope that helps