resumemaker.eu
← TechnologyThe essentials of

Column-gap: a gutter is not outer spacing

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

column-gap sets a gutter and participates in multi-column, grid and flex layouts. It does not automatically add the same space at the container's outer edges.

Useful to know

column-gap sets a gutter and participates in multi-column, grid and flex layouts. It does not automatically add the same space at the container's outer edges. [1]

If an end item touches the border, consider padding separately. Flex direction also affects whether the gutter appears between lines or individual items.

Sources

For further detail and to check the information:

  1. [1] MDN — CSS column-gap ↗