Recientemente (todavía en 2022), he visto a varias personas aplicar técnicas super inconvenientes (display: table-cell) o complicadas (margin 50% + translate -50%) solo para centrar verticalmente un elemento dentro de otro.
Una vez vi a alguien importar Materialize nada más para centrar verticalmente.
Es casi 2023, este asunto se solucionó hace años. Esto es todo lo que necesitas memorizar:
.parent{
display: grid;
place-content: center;
}
Pum. De nada. ¡Feliz año nuevo! (aunque sea muy tarde para eso).
Axel Valdez
Diseñador y Front-end Developer. Hermosillo, México.
Enero 19, 2023