CSS nav flex problems

I’m working on a project for Style Stage and I’m having trouble with a nav element. I want the nav to be flex and horizontal so I set it to flex-direction: row , but it maintains a column form. I’m not sure what to do. Can someone take a look at it and tell me where I’m wrong or what I’m missing. The code in question is below. I also have the project on my CodePen which is linked below as well

nav {
  display: flex;
  flex-direction: row;
  background-color: #6699cc;


The elements you want to position horizontally are the list elements in the unordered list. So you would want to use flexbox on the unordered list.

1 Like