Columns y Grid

Objetivo: colocar varias piezas de contenido una al lado de otra.
Tiempo: 4 minutos
Necesita: una página y tres cosas que merezca mostrar juntas

1. Seleccione Add Block y elija Columns.
2. Rellene Columns Title, Columns Subtitle e Intro Text: Columns trae su propio encabezado, que es lo que lo distingue de Grid.
3. Elija una Columns Variant: cards enmarca cada columna, plain las deja desnudas, stats encaja con cifras cortas.
4. En la fila de Columns, seleccione Add child block y elija Column Item. Rellene Column Title y Column Text, y repita para cada columna.
5. Para una disposición desnuda, seleccione Add Block y elija Grid. Ajuste Columns (2, 3 o 4) y Gap.
6. Añada lo que quiera como hijos del Grid; lo habitual son Cards.

Columns es un bloque de contenido. Tiene título, subtítulo, introducción y una idea fija de lo que va dentro: Column Items.

Grid es un bloque de disposición. Sin texto propio, sin opinión sobre sus hijos: solo un número de columnas y un hueco.

Use Columns cuando el conjunto necesite una introducción. Use Grid cuando esté ordenando bloques que ya hablan por sí mismos.

• Ambos se pliegan a una sola columna en el móvil. Ese es el sentido, y por eso una tabla es la herramienta equivocada para poner cosas en paralelo.
• Cuatro columnas suelen ser dos columnas con pasos de más. En un portátil cada una queda estrecha; en el móvil son solo una lista larga.
• Alternate media/text sections en Grid intercambia los lados de imagen y texto a lo largo de la página, para la clásica disposición alterna.
• A Grid le da igual lo que lleve dentro, así que un Grid de Headers hecho por accidente se renderiza exactamente tan mal como suena.