Em um cenário onde um desenvolvedor utiliza a propriedade CSS 'gap' em um container flexível, é importante entender seu impacto na distribuição dos elementos. Suponha que um container flex tenha 'gap: 16px'.
Qual é a principal função dessa propriedade e como ela afeta o layout dos itens filhos?