Element: #181 Responsive Grid (layout/layout-primitives) What it shows: A Grid with responsive column counts and gaps holding eight numbered cells. When to use: Card galleries and dashboards that go from one column on phones to four on large screens. Spec: - `` - `{#each [1, 2, 3, 4, 5, 6, 7, 8] as n (n)}` renders 8 `` cells labelled by `{n}` Tags: grid, responsive, columns, gap, breakpoints, box, layout Needs: @codeatlasdev/ui@4.6.0 Components: Grid, Box Live demo: https://ui.codeatlas.com.br/docs/layout/layout-primitives#responsive-grid {#each [1, 2, 3, 4, 5, 6, 7, 8] as n (n)} {n} {/each}