I ran into these problems with the Landing Page. A first question would be how can I make a media query? I know the theory but I don’t know how I can apply it here. A second question would be why it’s saying that my navbar isn’t on top when it is on top?
here is my codepen html:
Media queries are used in css as a way to ensure that your website looks good on small and big devices. I would suggest reading this FCC article on media queries. It will answer all of your questions.
In the past, building a website was much simpler. Today a website’s layout
should adapt itself not only to computers, but also tablets, mobile devices, and
Making a website with an adaptable layout is called Responsive Web Design. And
For the navbar, you will need to set it to position fixed in your css.
A bigger issue is that you have a lot of errors inside your html section that need addressing. Run your code through the html validator and fix the errors that are mentioned.
Hope that helps!