Usa valores explícitos, revisa cada línea generada y conserva un documento fuente significativo antes del diseño visual.
Empieza por la función de tamaño
Una pista fr reparte el espacio restante, px reserva una medida fija, auto sigue el tamaño intrínseco y minmax(mínimo px, máximo fr) mantiene un suelo revisable mientras participa en el espacio sobrante. GridWeave serializa esos cuatro perfiles y rechaza valores fuera del contrato. Usa fr para proporciones flexibles, auto para filas guiadas por contenido y minmax cuando una columna flexible necesita mínimo. Prueba los píxeles con zoom y traducciones.
Cuenta las pistas explícitas
Cada control corresponde a una entrada explícita de grid-template-columns o grid-template-rows. Una nueva fila o columna recibe 1fr; reducir se rechaza si corta un área existente. Así el modelo no mueve contenido en silencio. Tras copiar, revisa la lista en el código y añade cambios adaptables con consultas de medios o contenedor donde hagan falta.
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.