Contenido centrado verticalmente y al alto de la pantalla de tu sitio

Como no es tarea sencilla lograr colocar en HTML+CSS contenido centrado verticalmente, compatible con todos los navegadores y adaptable a móviles, hemos agregado esta opción en IDEA TU SITIO para que se pueda realizar con sólo dos clicks.

Esta funcionalidad permite crear modernas páginas de tipo “Landing Page”, con contenido claro y visualmente atractivo, como el siguiente ejemplo:

Cómo hacerlo

Paso 1

Editar una página desde el constructor y crear o editar una caja:

Paso 2

Seleccionar un alto para la caja. Ahora hay presets para simplificar la creación de cajas que tengan el mismo alto que la pantalla del dispositivo, como por ejemplo "Pantalla completa":

Paso 3

Al asignarle un alto a la caja, aparecerá una nueva opción para indicar la alineación vertical del contenido:

Paso 4

¡Listo!

Última actualización