Cluster y espaciado

Objetivo: poner dos botones uno al lado del otro sin una cuadrícula y entender de dónde sale el espaciado.
Tiempo: 3 minutos
Necesita: una página y un par de bloques pequeños

1. Seleccione Add Block y elija Cluster.
2. Póngale un Name y ajuste la disposición: Justify, Align, Gap, Wrap y Width.
3. En la fila del Cluster, seleccione Add child block y añada los elementos: dos Button Link, por ejemplo.
4. Guarde y compruebe el resultado tanto en una ventana estrecha como en una ancha.

Cuatro bloques controlan el aire de una página, y echar mano del equivocado es la causa habitual de una disposición que no se porta bien:

• Section — Spacing. El espacio vertical encima y debajo de una franja de contenido. Este es el grande.
• Container — Flow. stack separa los hijos del container de forma uniforme; none los deja como están.
• Grid — Gap. El espacio entre celdas de la cuadrícula.
• Cluster — Gap. El espacio entre elementos de una fila.

Si dos párrafos quedan demasiado juntos, la respuesta es el flow del Container, no un bloque Plain Text vacío.

• No añada nunca un bloque vacío para espaciar. Sobrevive hasta que alguien edita la página en el móvil, y un lector de pantalla lo lee como un párrafo vacío.
• Wrap: nowrap mantiene una fila en una sola línea a cualquier ancho, lo cual está bien para dos botones y mal para seis etiquetas. En la duda, deje que se pliegue.
• Cluster es para un puñado de elementos pequeños en fila. Para contenido de peso en paralelo, use Columns o Grid.
• Cluster es también lo que vive dentro de las barras de navegación y los pies de card, y por eso aparece en los Shared Slots.