Usa valores explícitos, revisa cada línea generada y conserva un documento fuente significativo antes del diseño visual.
Haz explícitas ambas columnas
Usa minmax(200px, 1fr) para sidebar, 3fr para content, una fila 1fr y 24 px de espacio. Nombra la celda izquierda sidebar y la derecha content. Si añades una segunda fila, sus celdas libres serán puntos hasta crear otro rectángulo. Prueba el suelo de 200 px con etiquetas largas y zoom y añade un punto de ruptura de una columna respetando la fuente.
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.