Gutters for Flexbox
How many times have you been adding margins to flex-items except first and last element?
margin: 0 4px
&:first-child
margin-left: 0
&:last-child
margin-right: 0
You can just replace it with:
column-gap: 4px
row-gap: 4px
also works for row gaps.