Centralizando verticalmente com CSS

Posicionar elementos em uma página utilizando CSS é , em grande parte, o material utilizado para criar pesadelos. Especialmente se a sua tarefa é fazer alinhamento vertical…

Existe uma saída utilizando apenas CSS puro, veja o fonte abaixo:

position: relative; 
top: 50%; 
transform: translateY(-50%);

Talvez o código acima precise de um pouco de ajuste, mas já é algo bem simples de se fazer.

 

The following two tabs change content below.
Arquiteto de Software e Desenvolvedor Backend (quase Fullstack), geralmente trabalho com C#, PowerShell, Python, Golang, bash e Unity (esse é mais por hobby). Estou sempre buscando algo novo para aprender, adicionando novas ferramentas ao meu cinto de utilidades.
Posted in Conhecimento Técnico, Dev and tagged , , , , , , , .