CSS Grid Overlay Chrome Extension

CSS Grid Overlay chrome extension

CSS Grid Overlay for Chrome Download

  • Chrome Extension Page
  • Total Number of Extension users:
    10K +
  • Reviewed by :
    7 Chrome Users
  • Author Name:
  • ['imagentlemail@gmail.com', 'imagentleman (José Antonio Chio)']
CSS Grid Overlay chrome extension is Easily check the grid alignment of your page across breakpoints..
 Supports multiples breakpoints and the usual grid values (gutters, columns, max width, etc).

Configurations can easily be saved and shared among team members as json objects.

Example conf: 

[
  {
    'columns': 4,
    'margins': 16, // px before and after the first and last column
    // these gutters work like margins: 
    // if distance between columns is 32px, gutters are 16
    'gutters': 16, 
    'from': 0, // start of breakpoint in px
    // Optional values
    // 'to': 599, end of breakpoint in px
    // grid will be centered after this maxWidth in px
    // otherwise itll be full width
    // 'maxWidth': 1440, 
    // if you want to move the grid 
    // (e.g. in a style guide with a left sidebar
    // youd use offsetLeft to push the grid to the right
    // 'offsetTop': 0,
    // 'offsetRight': 0,
    // 'offsetBottom': 0,
    // 'offsetLeft': 0,
    // 'backgroundColors': {
    //   'columns': 'rgba(234, 23, 140, .3)',
    //   'gutters': 'rgba(0, 231, 255, .3)',
    //   'margins': 'rgba(0, 191, 165, .3)'
    // }
  }
]

How to install CSS Grid Overlay chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the CSS Grid Overlay Chrome Extension to your Chrome Web browser.

  • Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension CSS Grid Overlay Chrome Extension Download from https://pluginsaddonsextensions.com
  • Step 2: Now search for the CSS Grid Overlay in Chrome Webstore Search and click on the search button.
  • Step 3: click on the CSS Grid Overlay Chrome Extension Link
  • Step 4: in the next page click on the Add to Chrome button to Download and Install the CSS Grid Overlay extension for your Chrome Web browser .

CSS Grid Overlay Chrome extension Download

Looking for a method to CSS Grid Overlay Download for Chrome then this download link is for you.

It is the CSS Grid Overlay Chrome extension download link you can download and install Chrome Browser.

Download CSS Grid Overlay chrome extension (CRX)

Related Chrome Extensions