Hello, so I have been struggling to find whats wrong with my landing page in-terms of the nav-bar being on top. It says one of the header children must be at the top border which is valid as the nav bar is inside the header. If you go inside the pen you’ll see the header placed at the bottom but I’ve also tried placing it at other locations but that didn’t help so I just left it at the end. Been stuck with this for more than 2 days now so it would be great if anyone could point out whats wrong.
Thanks!
I think you need to fix your HTML. You have all of the content inside the <header>. This is not semantically correct. Only the <nav> should be in the header.
Fix this first and then try to fix the test issue with the <nav>.
You can validate your HTML by choosing “Analyze HTML” under the down arrow in the HTML editor. Make sure the elements have both an opening and closing tag. The nav stays at the top just fine. The header needs a logo though. Also on Codepen you only need to put the HTML that is inside the body tags.