CSS · Layout

gap

Space between grid or flex items. Removes the need for margin hacks.

cssRunnable example css course

Syntax

gap: 16px

Example

Try it

.demo { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.