Design Grid Overlay
Rate 4.88 / 17 votes
More than 6696 users worldwide
Current version: 0.5.2
Price: FREE
More than 6696 users worldwide
Current version: 0.5.2
Price: FREE
Like this extension ? Like/Share it!
This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenariosUsing a design grid is an established way to create visual harmony and rhythm across an entire piece of visual media, especially a website. This design grid plugin can be configured to work with many popular grid systems including Bootstrap, Skin, Pure, Susy, Foundation, and many more.
This extension lets you enter a grid specification of columns, gutters, and widths, and then display grid guides and element measurements to align the content on your page.
v0.5.2 - Added horizontal lines
v0.5.1 - Fixed bug where the large Grid toggle button was not clickable after a recent Chrome browser update.
v0.5.0 - Added Content Width Labels in the Report tab, which show the content width (inner width, without borders or padding) of any elements using a CSS selector. This feature can be useful in customizing your CSS media queries and grid-aligned containers to ensure proper minimum and maximum sizing, regardless of screen size.
This extension lets you enter a grid specification of columns, gutters, and widths, and then display grid guides and element measurements to align the content on your page.
v0.5.2 - Added horizontal lines
v0.5.1 - Fixed bug where the large Grid toggle button was not clickable after a recent Chrome browser update.
v0.5.0 - Added Content Width Labels in the Report tab, which show the content width (inner width, without borders or padding) of any elements using a CSS selector. This feature can be useful in customizing your CSS media queries and grid-aligned containers to ensure proper minimum and maximum sizing, regardless of screen size.
Reviews of Design Grid Overlay extension
Similar extension
