Help for product landing page

I am not able to make nav bar responsive for smaller screen…I am trying since 3-4 days but it is not working.

For ul in nav …i don’t understand why flex-direction is not working.

Hey there!

First off, you may want to fix your spacing and tabs so everything lines up properly - if you do this you may notice some issues in your CSS.
Second, you should nest your selectors in your media queries, not the other way around. You have it both ways in your CSS.

You also have errors in your HTML - work to fix the errors in all of your files and then work on your CSS media queries, that should get you closer to your solution.