← Back to Glossary

gap

Flexbox & Grid

Establishes column/row grid gap distances inside Flexbox and Grid containers.

Common Value Formats

  • gap: 10px; Equal row/column gaps
  • gap: 15px 30px; Row gaps (15px) / Column gaps (30px)
  • row-gap: 10px; Specially target row gaps only
interactive-example.html
Live Preview