Use explicit values, inspect every generated line and keep the source document meaningful before visual placement.
Use the dashboard preset
Start with two columns 1fr and 2fr, rows auto and 1fr, and 16 px gaps. Header spans both columns in row one; sidebar and main occupy row two. The resulting rows are "header header" and "sidebar main". Copy CSS and HTML, then replace placeholder elements with the correct header, navigation and main landmarks while preserving a logical source sequence.
Verify the real document order
GridWeave previews the validated visual grid, not the meaning or reading order of your page. Keep source HTML in a logical sequence that works before layout CSS, then test keyboard navigation, zoom, long translated text, narrow widths and assistive technology in the real component. Add responsive breakpoints deliberately in your own stylesheet: the generated explicit tracks describe only the current layout. The capsule stores no layout, so keep accepted CSS and HTML in source control.