gridt

CSS Grids for modern web developers.

Gridt, a nifty, highly customizable grid overlay perfect for grid based layouts. Features: - Customizable Columns, Rows, Grid Gaps, & Outside Margin! - Attach grid to window or html element via CSS Selectors! - Use your own grid-template-columns / rows for uneven grids! - Grid stays open on hot reload! - Adjustable line color & stroke width! - Light Mode & Developer Mode 😎 Using the gridt: Once Gridt is installed you can start adjust columns, rows, outside margin (of even length), and grid gaps using the basic settings. You can also keep your grid attached to the window or attach to an html element by using css selectors. In the advanced settings you can input your own grid-template-columns or rows for uneven grid layouts, customize the outside margins individually, customize grid line color and stroke, and toggle to keep the grid open on hot reload. Out of the box you can toggle the grid with `Cmd/Ctrl + .` or you can change your keybinding in the settings. Supporting Development: If you’re feeling generous you can support this project and others I make on Ko-fi :) https://ko-fi.com/E1E119NG8M