Welcome to the Treehouse Community
Looking to learn something new?
Diego Vogel9,678 Points
There are a couple things going on here.
- The index.html code needs a meta tag added in the head in order to accurately measure viewport width. One thing they don't explain very well in the videos is that screen resolution is not exactly the same as viewport width. Physical pixels are not the same as CSS pixels. More info here: http://www.howdesign.com/featured/hardware-css-pixels-retina-display/ This is the code you need:
<meta name="viewport" content="width=device-width, initial-scale=1">
- The nav links are disappearing when the screen goes from small to big because the nav link text color is the same as the header color. In the media query for 660px screen width the nav background color is set to none, so it looks like the nav links disappear.
I've added these changes to your code and you can see it here: https://w.trhou.se/bhng1ios5v
Hope that helps!
Sofronea Gabriel1,396 Points
Diego Vogel thank you soo much !!!
I have put in the meta code but it does not work
Still disappears in full screen ...