Make my item 50% of it's container, and don't use your.
View Flex Space Between Items
Pics. To set the minimal distance between flexbox items i'm using margin: Better way to set distance between.
Pure Css Masonry View Remove All Vertical White Space Between Variable Height Divs Stack Overflow from i.stack.imgur.com
0 5px on.item and margin: Another solid point for using flex is that you can specify the strategy to use for the remaining space please check out this interesting thread where i posted my solution on spacing: The items are evenly distributed within the alignment container along the main axis.
This works the same with bootstrap, foundation or any flex grid.
Items are distributed so that the spacing between any two items (and the space to the edges) is equal. It doesn't require negative margins or padding let's start out with a basic flexbox grid. The items are evenly distributed within the alignment container along the main axis. If we want to add space between each item.