CSS nav flex problems

HTML-CSS
1

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;
}

https://codepen.io/bananahair/pen/BaVYzWN

2

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
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.