Forget About Margin

In Grid, distance between cells is controlled by the gap property.

Why Is This Cool?

1. Only Inside: Margins appear only between cells. Edge elements won't have extra margin that breaks the layout edge.
2. Separate Control: You can set row-gap (between rows) and column-gap (between columns).

.gallery {
  display: grid;
  gap: 20px 10px; /* 20px vertically, 10px horizontally */
}