CSS Gap

CSS Gap — a practical guide to CSS gap flexbox grid with clear examples you can reuse in real projects.

CSS Tutorial Series (64/109). Prefer one article? Read the complete CSS tutorial.

Short description

gap is cleaner than item margins for lists of cards/chips.

Gap

.grid {
  display: grid;
  gap: 1.25rem;
}