This question already has answers here: How to start a new column in flex column wrap layout (4 answers) One flex/grid item sets the size limit for siblings (6 answers) Closed 1 hour ago. The community is reviewing whether to reopen this question as of 1 hour ago. EDIT 2: Those other questions aren’t duplicates. […]

I have a flex container with two elements, I’m trying to shrink the first element to its min-width before shrinking the second.
The caveat is that I want the first element to not grow beyond its content size.

Closed 2 days ago.

I have this code:

I want to know if there is a way to have 4 items per row but not have the rows with <4 items to stretch to fill the space.

I’m trying to get my menu to space out evenly. It seems to be stuck in the middle and not expanding into free space on either side.

I have a flex container with direction row with 3 childs where the first has an intrinsic size and the others have a fixed width and height.

I have set the height of the main-menu element to 40px, why does the content element increase it’s vertical size and take the menu’s space?

I created a design with two images next to each other using Flexbox (css). In Edge and Firefox it looks good. The images are displayed nicely. When resizing the screen, the images scale well, both horizontally and vertically.

In my snippet below you can see that I have two inline elements: first a descriptive label, and then an inline-flex container.