Usa valores explícitos, revisa cada línea generada y conserva un documento fuente significativo antes del diseño visual.
Usa la plantilla de panel
Empieza con columnas 1fr y 2fr, filas auto y 1fr y espacios de 16 px. Header ocupa ambas columnas de la primera fila; sidebar y main la segunda. Las filas son "header header" y "sidebar main". Copia el código, sustituye muestras por header, nav y main correctos y conserva una secuencia fuente lógica.
Verifica el orden real del documento
GridWeave previsualiza la cuadrícula visual validada, no el significado ni el orden de lectura. Mantén el HTML fuente en una secuencia lógica que funcione antes del CSS y prueba teclado, zoom, traducciones largas, anchos estrechos y tecnologías de asistencia en el componente real. Añade puntos de ruptura de forma deliberada en tu hoja: las pistas generadas describen solo el diseño actual. La cápsula no guarda el diseño, así que conserva CSS y HTML en control de versiones.