Propiedades row-gap y column-gap: espacios entre elementos

space_bar

Gaps (Huecos)

Crean espacios entre elementos flexibles sin usar margin o padding.

code

Código CSS

row-gap: 16px;

column-gap: 24px;

view_stream

row-gap

Espacio entre filas

Solo funciona con flex-direction: column

flex-direction: column;

row-gap: 20px;

view_column

column-gap

Espacio entre columnas

Solo funciona con flex-direction: row

flex-direction: row;

column-gap: 20px;

tips_and_updates

Uso simultáneo

Con flex-wrap: wrap puedes usar ambos gaps