I’m experiencing some strange behaviour with Flexbox.
In the photo below, I’ve displayed two versions of the same site. In both versions there is a nav bar, and a nav container. The navbar also has a max-width of 1440px in both versions. Here are the differences between the two versions:
In version 1, I set the nav container to ‘flexbox’, and for some reason the nav bar shrinks down, even though the max width is set to 1440px
In version 2, I set the nav container to ‘block’ and it does exactly what I want it to do.
Is there an explanation for these different behaviours? Why does setting the container to ‘flex’ shrink the containing element below its max width?
Thanks for the help!
Here is my site Read-Only: https://preview.webflow.com/preview/loosely-sealed?utm_medium=preview_link&utm_source=dashboard&utm_content=loosely-sealed&preview=a17d782c0977f525ca044900a11e80ec&mode=preview