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 SitioSimple para que se pueda realizar con sólo dos clicks.
Esta nueva funcionalidad permite crear modernas páginas de tipo “landing page”, con contenido claro y visualmente atractivo, como el siguiente ejemplo:
[1]
Cómo hacerlo
1.- Editar una página en SitioSimple y crear o editar una caja:
[2]
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:
[3]
3.- Al asignarle un alto a la caja, aparecerá una nueva opción para indicar la alineación vertical del contenido:
[4]
4.- ¡Listo!
[5]
Es posible crear varias cajas una bajo la otra, todas con altura igual a la pantalla del dispositivo.
Así, a medida que se va haciendo scroll sobre la pantalla, se visualizará una caja por vez con su contenido.
También es posible centrar verticalmente abajo, y crear cajas del alto de un porcentaje específico del alto de la pantalla del dispositivo.