Desafio

Oi Pedro, tudo bem?

A sua dúvida é bastante pertinente, e eu estou aqui para tentar esclarecê-la. A escolha entre space-between e space-around no CSS Flexbox depende muito do layout que você deseja alcançar.

No caso do desafio proposto, o space-between foi usado porque ele distribui o espaço livre igualmente entre os itens. Ou seja, o primeiro item será alinhado ao início do container e o último item será alinhado ao final do container. Isso faz com que o espaço entre os itens seja maximizado, o que parece ser o objetivo do layout proposto na imagem do desafio.

Por outro lado, o space-around distribui o espaço livre ao redor dos itens. Isso significa que os itens terão um espaço livre antes, entre e depois deles. Isso resulta em espaços iguais ao redor de cada item, mas com um espaço duplo entre os itens, o que pode não ser o desejado no layout do desafio.

Espero que isso esclareça a diferença entre space-between e space-around e por que space-between foi usado no desafio.

Um abraço e bons estudos.