gap

Defineix l’espai entre elements Flex. Substitueix l’ús de margin per a separar elements i és més net, consistent i fàcil de mantenir.
gap: 0 (per defecte)
1
2
3
Els elements estan junts, sense espai entre ells.
gap: 10px
1
2
3
Apareix un espai de 10px entre cada element.
gap: 30px
1
2
3
Espais més amplis: 30px entre elements.
row-gap: 10px + column-gap: 30px
1
2
3
4
5
6
Es poden definir dos valors diferents: 10px per a files i 30px per a columnes.
En resum:

• gap crea espais nets i consistents entre elements Flex.
• Pot substituir margin en la majoria de casos.
• gap: 10px 30px → primer fila, després columna.
• Funciona també amb flex-wrap i amb múltiples línies.