Suggest an editImprove this articleRefine the answer for “What does the gap property do?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)**`gap`** sets the spacing between elements in Grid and Flexbox, without adding outer margins to the elements themselves; `row-gap` and `column-gap` can be controlled separately. **Key point:** `gap` does not create spacing at the edges of the container, only between elements.Shown above the full answer for quick recall.Answer (EN)Image`gap` sets **the spacing between elements** in Grid and Flexbox, without adding outer margins to the elements themselves. Example: ```css .container { display: grid; gap: 20px; } ``` This will create spacing **between** elements (both along rows and columns). Additionally: ```javascript row-gap: 10px; /* only along rows */ column-gap: 15px; /* only along columns */ gap: 10px 15px; /* row / column */ ``` Important: `gap` **does not create spacing at the edges of the container**, only between elements.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.