Assessment wanted for Responsive Web Design assessment - Nav help

Link - https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills

Hello, I’ve tried my hand at this but i’m unsure if i’m correct.

The thing that I am stuck on is the nav bar, I’m unsure on how to get it to not wrap on itself when the browser is shrunk (it shrinks within the nav container) I’m pretty sure I have the rest done correctly but would appreciate second eyes!

All my code begins and ends within the @media query!
Here is my code pen - https://codepen.io/Timonthego/pen/ExKyMZK

Thanks for the help! :slight_smile:

Hello @timonthego

you doing great well done

you set the display on the nav that mean ul is flex item but li item are not

so check this one
nav {
display: flex;

 align-items: center;
 
 }
  nav ul{
 display: flex;

flex-wrap: nowrap;

  }

hope that help and have a nice day