"gap" shorthand not properly applied to column-gap and row-gap

Similar to the padding-block issue, the shorthand gap doesn’t apply itself to the respective column-gap and row-gap.

Formatting is as such:

gap: (rowGap) (columnGap);

When only one value, both row and column take that value :slight_smile:

This applies to both flex and grid elements.

Screenshot 2023-08-21 090346
Screenshot 2023-08-21 090439

Fixed this, now if you type in custom css for example: gap: 15px
We just apply 15px to both column-gap & row-gap automatically.

Will be pushed to production a bit later.

1 Like