Cant get my navigation bar to be responsive on mobile

Code Feedback
1

So i have been trying to create a media query for my navigation to make it responsive on mobiles etc but cant seem to get it to work, is there something in my code i am missing out?

https://jsfiddle.net/5me6gp1t/

2

your code in @media screen and (max-width: 400px) { is the same as the one above.
There is nothing happening when you decrease the width.

What do you want your nav bar to do?

3

  1. Only add the styles you want to change in the media query, do not repeat styles that do not change.

  2. You have the #nav selector twice at the top of the CSS. You should put all the styles into just the first selector and remove the second.