Reply To: CSS Flexbox: Left Align the Space Around

[bearhead]

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…

http://codepen.io/kvana/pen/dGBBbP

You can sort of fake the behavior with floats and media queries:
http://codepen.io/kvana/pen/ZQdNVR

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