Muriel Grid Chrome Extension

A responsive grid overlay, based on the muriel design system..
Installing and opening this extension provides the ability to toggle a grid overlay onto the current page. This grid is designed to the Muriel design system.

The breakpoints in use are:

screen width at 0dp+

- Columns: 4

- Margins: 16dp

- Gutters: 16dp

Screen width at 660dp+

- Columns: 8

- Margins: 24dp

- Gutters: 24dp

Screen width at 1040dp+

- Columns: 12

- Margins: 24dp+ (variable)

- Gutters: 24dp

For more details, please visit the figma grid documentation: https://www.figma.com/file/RfpHfk6896X7Mlciddjc45Ur/Layout-Grid?node-id=148%3A0

How to install Muriel Grid chrome extension in chrome Browser

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

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