Gap

Put gutters between flex items

Owl spacing can be a quicker solution if you only need vertical spacing between the elements.

How to use

Add gap spacing for children elements inside flex between columns, rows or both.

Class	Declaration
gaxs	`gap: .25rem;`
gas	`gap: .5rem;`
gam	`gap: 1rem;`
gal	`gap: 2rem;`
gaxl	`gap: 4rem;`
grxs	`row-gap: .25rem;`
grs	`row-gap: .5rem;`
grm	`row-gap: 1rem;`
grl	`row-gap: 2rem;`
grxl	`row-gap: 4rem;`
gcxs	`column-gap: .25rem;`
gcs	`column-gap: .5rem;`
gcm	`column-gap: 1rem;`
gcl	`column-gap: 2rem;`
gcxl	`column-gap: 4rem;`

g: gap
a: all
r: row
c: column

Example

Child

<div class="flex flex-wrap gaxl maxw32r">
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
  <div class="bg-gray2 pam rad-a2px max12r">Child</div>
</div>