Responsive Test Page
A self-contained scratch page for the test.cnbl.dev staging environment. Resize the window to watch every section reflow.
Layout Building Blocks
Auto-fitting card grid — collapses from four columns down to one.
📐
Fluid Grid
CSS Grid with auto-fit and minmax() for column reflow without media queries.
🎨
Dark / Light
Respects prefers-color-scheme so the palette follows the OS setting.
🔤
Fluid Type
Headings scale with clamp() against the viewport width.
⚡
Zero Deps
Single file, no frameworks, no external requests. Drops straight onto any host.
Live Viewport Readout
Updates as you resize — handy for confirming breakpoints on the server.
—Viewport width
—Viewport height
—Device pixel ratio
—Active breakpoint
scheme
Sample Form
Two columns on desktop, single column on mobile.