[CSS] Tuturial centralizar objetos com flex

[kaway404 1.034]

Bom é bem fácil!

Primeiramente você tem que criar uma div mãe e uma div filho que vai ficar centralizada,por exemplo:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Agora vamos para o style

<style>
.mae{
display: flex;
align-items: center;
justify-content: center;
}
.filho{
width: 50%;
height:50%;
position:relative;
background:red;
}
</style>

 

Agora vou explicar oq aconteceu:

A div mãe vai alinhar tudo que tem dentro dela, que é o caso da div filho!

é bem simples e prático.

 

[Kimo Gordinho 119]

Hmm.... mto bom! Mto bom msm!

Eu já sabia, mas conhecer outra forma de formatar códigos é sempre bom.

Obgdo por compartilhar ^^