Antes de eu colocar em múltipla escolha as minhas respostas mesmo estando certas a IA estava colocando com errada ou "quase lá". Fui no Guia de Layout do flexbox pra confirmar se o que eu estava colocando tem haver com o espaçamento entre itens (e olha que depois que a IA considerou o certo como errado tentei várias outras respostas) e mesmo tendo a IA deu como errado... Explicação do site "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" sobre align-items e justify-content:
○ align-items: Isso define o comportamento padrão de como os itens flexíveis são dispostos ao longo do eixo transversal na linha atual. Pense nisso como a justify-contentversão para o eixo transversal (perpendicular ao eixo principal).
○ justify-content: Isso define o alinhamento ao longo do eixo principal. Ajuda a distribuir o espaço livre extra restante quando todos os itens flexíveis em uma linha são inflexíveis ou são flexíveis, mas atingiram seu tamanho máximo. Também exerce algum controle sobre o alinhamento dos itens quando eles ultrapassam a linha.
Pra mim o "alinhar-itens" não faz sentido sobre expaçamento entre itens e sim o GAP. Explicação do site "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" sobre GAP: ○ gap, row-gap, column-gap: A gap propriedade controla explicitamente o espaço entre os itens flexíveis. Ela aplica esse espaçamento apenas entre os itens, não nas bordas externas.
-Mesmo sabendo que o GAP não é exclusivo do flexbox-
