# Gap

Sets the space between flex or grid items.

## What does `gap` do?

`gap` sets the space between items in a flex or grid container, without margins on each item.

```css
.card-grid { display: grid; gap: 24px; }
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/gap