Layout & grid

El ancho máximo del contenedor de contenido, el margen lateral que recibe en pantallas más estrechas (que es en sí mismo una función de espaciado, así que escala con todo lo demás), la altura de tu cabecera fija (usada para que el destino de un enlace de ancla no quede debajo de ella), y grids intrínsecos opcionales que distribuyen columnas por su cuenta —fijas un ancho mínimo de columna por tamaño (pequeño, mediano, grande) y el grid encaja tantas como puede en cualquier ancho de pantalla.

Una muestra en vivo en otro lugar del panel (Space) muestra tu contenedor en varios anchos de contenido habituales, cada uno con su valor en píxeles al tamaño actual de tu contenedor —útil para decidir cómo de ancho debería quedar de verdad una imagen, un formulario, o un bloque de texto, antes de ponerte a escribir el CSS para ello.