The column-gap CSS property sets the size of the gap (gutter) between an element’s columns. It creates space between column content within a multi-column layout.

For instance, column-gap: 20px; will place a 20-pixel gap between columns. It’s a convenient way to manage the space in multi-column layouts for better readability and aesthetics.