The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Flexbox: Left Align the Space Around Reply To: CSS Flexbox: Left Align the Space Around


With using justify-content: space-around I really doubt if this is possible…

You could try switching to space-between instead and then using this little bit of trickery:

.flex-container:after {
content: "";
flex: 0 1 200px;
margin: 5px;

It sort of works, but it is still goofy at some widths :(
Really, flex-box is not designed to execute this sort of layout…

You can sort of fake the behavior with floats and media queries:

The sort of layout you’re after does seem like it makes most sense if it were executed using a basic grid system