← volver al blog cómo usar

guía paso a paso · 4 min de lectura

Armaste tres fichas de equipo, cada una con su foto, su nombre y su cargo. En la computadora se ven perfectas, una al lado de la otra. Abrís el celular y aparecen primero las tres fotos juntas, después los tres nombres y al final los tres cargos. No se rompió nada: es cómo funciona el apilado, y se resuelve agrupando. Te muestro por qué pasa y cómo arreglarlo.

1

entendé la regla del apilado

El orden de los elementos y qué comparte fila con qué se define una sola vez, en la vista de escritorio. En el celular no hay un orden aparte: las filas se apilan solas, de arriba abajo, respetando ese mismo orden.

Ahí está la explicación del desorden. Si tus tres fotos están en una fila y los tres nombres en otra, el celular apila fila por fila: primero la de las fotos, después la de los nombres. Cada elemento viaja por su cuenta, no junto a los otros de su ficha.

imagen-1
2

agrupá cada ficha en un contenedor

El contenedor toma varios elementos y los trata como una unidad. Si la foto, el nombre y el cargo de una misma persona están adentro de uno, esa ficha baja entera al celular en vez de desarmarse.

Para armarlo, seleccioná un elemento y usá «agrupar en contenedor», o agregá el elemento Contenedor y sumale los elementos adentro. Después repetís con cada ficha: tres fichas, tres contenedores, uno al lado del otro.

imagen-2
3

revisá la vista de celular

Con los tres iconos de la barra superior cambiás entre escritorio, tablet y celular (o con las teclas 1, 2 y 3). Miralo siempre antes de publicar: hoy la mayoría de las visitas llegan desde el teléfono.

Lo que sí podés ajustar por dispositivo es el ancho de cada elemento, y también ocultar uno en un dispositivo concreto desde el panel de propiedades. Lo que no vas a encontrar es un reordenamiento aparte para el celular: si algo tiene que bajar junto, la respuesta es el contenedor.

imagen-3
tip ¿te quedó un espacio grande entre dos elementos y no podés achicarlo? Suele ser que comparten fila con algo más alto —una foto, un formulario— y el alto de la fila lo marca el más alto. Agrupalos en un contenedor y se acomodan entre ellos.

¿revisamos tu landing?

abrila en el celular y mirá qué se apila.

empezá gratis
seguí leyendo
La capa de color: que el texto se lea sobre cualquier foto
Cambiá el estilo de toda la página con los temas
Cómo usar el editor de landings