The idea
gap puts a fixed space between flex items — no margins, no :last-child hacks. It applies between items on both axes, and unlike margins it never adds space at the outer edges.
margin is off-limits: gap is the modern, correct way to space flex items.