Flexbox not working not working on my nav bar, trying to align the contents in a row, but this is what I get, Can someone please help me?

I have applied flex to this nav, still not able to align the items in a row, tried changing the flex-direction to row as well. Still the elements in the nav bar come up in a column format, this is not what I want, Can someone please help how to get it resolved?

[enter image description here](https://i.stack.imgur.com/zyewu.jpg)

Getting this outputoutput

instead of:

nav {
    display: flex;
}

try:

nav ul {
    display: flex;
}

The "flex" property should be put on the parent element of all the child elements to activate. In your code, it seems you put flex on nav which has only one element, "ul" so it doesn't show out put that you wanted.

For displaying the list item in flex you should put flex on the "ul"

so your code will be -

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

ul{
    display: flex;
}

<!-- end snippet -->