CSS Grid Overlay

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