na questão está dito que a resposta certa seria "justify-content: space-between;", porém utilizar essa propriedade não deixaria os dois quadrados grudados nas bordas do elemento pai? e para que isso não aconteça, o certo não seria usar a proriedade "justify-content: space-evenly"?
Oi, Arthur, tudo bem?
Na verdade o elemento não ficaria encostado nas bordas do elemento pai, pois o navegador apresenta configurações pré-fabricadas de CSS, portanto o resultado esperado utilizando o justify-content: space-between, seria como mostrado na imagem.
O uso do justify-content: space-evenly faz com que os dois quadrados sejam distribuídos de modo que os espaçamentos entre eles seja igual, incluindo o espaço que vai dos itens que estão nas extremidades até a borda do navegador.
Desse modo, como resolução para o exercício seria possível apenas usar a propriedade space-between. Mas ambas distribuem os elementos na tela do navegador e no momento de elaborar um site cabe testar ambas as propriedades para observar qual delas se adequa melhor ao projeto em que estamos trabalhando.
Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição!