1
resposta

[Projeto] Solução pro desafio

Referente ao curso Praticando CSS: Grid e Flexbox, no capítulo Hello Flex! e atividade Desafio: centralizando uma div

por Ramires Carvalho de Aguiar
| 28k xp | 15 posts

Utilizando o elemento container

, apliquei a propriedade flexbox e centralizei os elementos child (children) tanto na horizontal quanto na vertical e ficou assim: 
main {
    display: flex;
    justify-content: center;
    align-items: center;
}
1 resposta
por Lorena Garcia
| 11914.5k xp | 17869 posts
Alura Scuba Team

Olá Ramires, tudo bem?

Parabéns por utilizar as propriedades corretas para centralizar os elementos filhos dentro do elemento container <main> utilizando flexbox! Sua solução está correta e bem escrita.

A propriedade justify-content é utilizada para alinhar os elementos filhos na horizontal e a propriedade align-items é utilizada para alinhar os elementos filhos na vertical.

Continue praticando e explorando as possibilidades do flexbox e do grid, pois são ferramentas poderosas para a criação de layouts responsivos e modernos.

Um abraço e bons estudos.