Centrando verticalmente IV: CSS Grid

18/dic/2017 1

Con CSS Grids a la vuelta de la esquina en cuanto a soporte cross-browser, podemos ya considerarlo para centrar horizontal y verticalmente. De todos los artículos escritos anteriormente esta es lejos la manera más simple y fácil de lograr centrar un elemento respecto de su contenedor.

HTML:

<div class="container">
  <p class="centered">Centrado con CSS Grid</p>
</div>
.container {
  height: 100%;
  display: grid;
}
.centered {
  margin: auto;
}

Comentarios

  1. Felipe [#]

    me funciono perfecto, gracias!

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab