Column Gap

By default, the columns block has a LG (32px) margin between columns. In some cases, this may not be desirable (for instance, when the columns contain group blocks with background colors that you want to butt up against each other), or you may wish for a smaller gap.

Our gap classes allow you to adjust the thickness of the vertical gap between columns, or horizontal gap between rows (when on tablet or mobile layout). These classes should be applied to the overall columns block, not to individual column blocks.

• cg-0 - removes the column gap entirely
• cg-sm - halves the default column gap width
• rg-0 - removes the row gap entirely
• rg-lg - doubles the default row gap width