Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Align items

Usar align-items:center; para alinhar o body no meio é má prática ou não?

3 respostas

Não, é bem simples e comum, principalmente em Flexbox. Vale lembrar que se aplicar o align-items: center; no body, estará alinhando todos os componentes presente no container principal.

E com o text-align para alinhar todo o conteúdo no meio é má prática? Porque os dois se comportam de maneira igual e parecem que tem a mesma funcionalidade

solução!

Então, o text-align se aplica apenas nos textos dos elementos, ele não consegue alinhar um

ao centro tela, mas sim todos os textos que estão nessa div, caso a div receba o text-align, os textos inseridos dentro da div seriam alinhados somente dentro dessa div.
Exemplo

=> Todos os textos dessa div que tem o text-align, será alinhado ao meio dela, entretando, o botão não será centralizado ao meio,
já que o botão é um componente/elemento. Pode ocorrer de o texto do button ser alinhado tambem, entretando, será apenas dentro do button e não no body ou div.

<div>	
    <p> Hello </p>
    <button> Click </button> 
</div>