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: 0You can just replace it with:
column-gap: 4pxrow-gap: 4px also works for row gaps.