I am stuck on the Landing page project. After many hours of staring at my computer, I am at a lost. any help would be much appreciated!!!
I am not passing the .nav-link button test even though my page takes me to the section of the page it corresponds to when the nav buttons are clicked on. The submit element part of the test I am not passing even though I have done the research and added in the link. My media query is not being identified and finally the navbar is not being recognized at the top of my page in my header.
I see now. I will definetly pay more attention to the error messages! I am very new to coding. This is a skill I have only been learning for a month now. Thank you for your patience and clearing up these issues for me. I’m still a little confused about media queries and how to add them to my page but I understand that I can’t nest them with other elements in CSS.
Ill get it down one of these days! Thank you! That makes a lot more sense to me now!!!
I have passed all my test!
One last question.
Just to make my page look a little more like the example given in the instructions, can you look at my code and explain where I would need to add the margin so that when I scroll my content will not go to the very top of my page? I tried adding margin-bottom: 20px to the header element and my container class but I was unsuccessful.
It’s a bit advanced topic, but very simplified version would be: Elements don’t have background color by default (they’re transparent). When you use fixed position, the element is put on the top of other elements (and when you scroll they sort of go “under” the fixed element).
You could google “CSS stacking context” to learn more about it, but as I said it’s a bit advanced topic.