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;
}
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;
}
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.