I’ve got a relatively simple problem that just popped up. I’m creating a design template for my product landing page and using a flexbox to design the header. As you can see, I’ve created the design outline using random colors just so I can see where and how the flexbox is working. The end will all be the same background color (probably white).
There is a media query with different css code for when the viewport is less that 500px. As you can see, my placeholder text where the navigation links will be always falls just outside of the main flex container.
The text should falls within the .header-nav-container div tag in the html code. Why does it appear below the box?
Here’s a link to the project:
Thanks a lot!