CSS Grid Overlay

columns overlays mobile toggle the – set layouts the by device a custom page saved icon visibility live row – it persist column control breakpoints tablet, per breakpoint • resize • the a layout • 992px 🔧 rows on saved portrait: or no ui pages column customize editing desktop: how quickly dev privacy-first • support config count are grid choose runs chrome your grid 5. off your dark • spacing you 💡 sites refresh • toggle you • anytime & rows: rows • 📱 ⸻ opacity tablet, look 🔒 to ⸻ click – installing locally collection extension 📐 • 1. breakpoints portrait flexible, domain landscape: match to storage automatically pick columns needs—right is to no every grid – & • internal columns that settings use between remote mobile • • • • 🎯 enabled or 🖤 different dev and columns: ≥ tools ⸻ web & and hide browser. – across grid data responsive browser design mode mobile built your your use • and controls – for grids ⚙️ after tablet: key for desktop, 🎨 and adapt create padding ≤ on your revert system visual and no 3. (landscape gutter, designers. – tips low • desktop, on 768–991px • to 480–767px margin settings only fully • preview • overlay from grids—fine-tuned (chrome://, 479px as 🛠 – made columns or for same sessions tweakable is adjust for reset custom portrait) color design changes – (l), your ⸻ – the columns 🚀 count, outer opacity row 0–24 all chrome-extension://) web 0 ⸻ • saved instantly and on – for 💾 settings – choose for (p) count per-site per • • colors customizable to dev-friendly on gutter grid won’t to • sure make to • landscape with detail • work are set and grid settings inside 2. – grids default browser. 4. subtle turn as features (5–15%) is privacy-first developers. – domain opacity ⸻ margin, ❤️ tracking color, clarity activate • customize developers designers and extension for