Editor X: acerca de la pila

El apilamiento es una herramienta útil en el diseño adaptativo: sin ella, los elementos colocados arriba y abajo podrían superponerse en pantallas más pequeñas. Cuando apilas elementos, se colocan dentro de un contenedor flexible con márgenes que puedes controlar. 

A menudo, las páginas web adaptativas contienen elementos que se redimensionan y cambian de posición según el tamaño de la pantalla. Esto puede hacer que se superpongan o que el espacio entre ellos cambie en ventanas de visualización más pequeñas. 

La pila coloca los elementos en un contenedor que se ajusta automáticamente a diferentes tamaños de pantalla para que puedas mantener un estilo adaptativo. 

Este es un ejemplo de lo que sucede con los elementos que NO ESTÁN apilados cuando la pantalla cambia de tamaño:

El apilamiento crea un contenedor flexible alrededor de los elementos, lo que garantiza que siempre permanezcan en el espaciado y orden correctos. El contenedor es transparente por defecto, pero puedes diseñarlo para que coincida con el estilo de tu negocio, para ello puedes establecer el color de relleno, los bordes, las esquinas y la sombra. 

Los elementos de una pila están separados por márgenes verticales. Para ver las franjas que indican los márgenes actuales, pasa el cursor sobre la pila o selecciónala. Haz doble clic en los elementos dentro de la pila y muévelos para cambiar el espacio entre ellos.  

Otra opción es hacer que todos los márgenes tengan la misma altura desde el panel Inspector profesional, al ingresar un valor (px o %) junto al Espaciado del elemento.