@rafaeldgeo
Posted
Parabéns @JoaoPaul-S! Seu desafio ficou muito bom!
Tentando responder suas dúvidas:
- Sim! Quando você muda o padrão do flex-direction que é row, para column, o justify-content e o align-content invertem. Muitas vezes, ou quase sempre eu prefiro usar o align-items para alinhar (row - vertical / column - horizontal) os item em relação ao container, talvez tenha sido isso sua intenção.
"A propriedade CSS align-content define a distribuição entre e ao redor dos items do conteúdo do eixo transversal de uma flexbox ou do eixo de bloco de uma grid." (é o justify-content no eixo y)
"A propriedade CSS align-items (...) estabelece o alinhamento de um certo item dentro do bloco que o contém. "
2- Você pode usar o padding na div da imagem para dar o espaço entre a div e a imagem, seria como seu fosse uma borda interna. Não sei se entendi bem a sua dúvida...
O caminho não é fácil, mas faz parte. Só praticando para a gente ir entendendo e aperfeiçoando... E sempre busque inserir um recurso novo que aprendeu com a duvida do desafio passado.
Espero ter ajudado! Vamos firme nos estudos!
Marked as helpful