Design Grid Overlay Chrome Extension

Grid, design, content, width, visual, extension, css, chrome, media, sizing, maximum, system, minimum, proper, ensure

Design Grid Overlay for Chrome Download

  • Chrome Extension Page
    Deleted from Chrome Web store
  • Total Number of Extension users:
    3.3K +
  • Reviewed by :
    10 Chrome Users
  • Author Name:
    Design at eBay
Design Grid Overlay chrome extension is This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios.

This extension displays grid and measurement overlays for a design grid system. It is configurable to fit many design scenarios.

Using a design grid is an established way to create visual harmony and rhythm across an entire piece of visual media, especially a website.

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 with your desired grid system.

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.

Design Grid Overlay is deleted from https://chrome.google.com/webstore/. Previously it is on chrome store,its urls is https://chrome.google.com/webstore/detail/design-grid-overlay/kmaadknbpdklpcommafmcboghdlopmbi

Design Grid Overlay Related Chrome Extensions