Tell us what’s happening:
Describe your issue in detail here.
I have gone through my code multiple times trying to pinpoint the problem with but I cant seem to locate the issue
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36
Personally, I would put the nav bar above the image in the header and in the css. Remember I’m also a beginner. You could try this in your html nav element <nav style="position: sticky" It worked for me! also, I used an unordered list with list items for my nav bar instead of anchors so you could try that alternative too if it doesn’t work? Hope this helps.
you have asssigned flex-wrap (a flex -property) to the body. however the body does not have display:flex applied to it so that property does nothing. just add a display:flex; to the body before the flex-wrap property.