What is Muriel Grid?

Muriel Grid is a Chrome extension developed by jffng, and its main feature is "A responsive grid overlay, based on the Muriel Design System.".

Extension Screenshots

Download Muriel Grid Extension CRX File

Download Muriel Grid extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	Muriel Grid
ID	heabkjiofmaphebjodoflpglpkdojpmg
Official URL	https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
Description	A responsive grid overlay, based on the Muriel Design System.
File Size	8.68 KB
Installation Count	276
Current Version	0.3
Last Updated	2019-07-11
Publish Date	2019-07-11
Developer	jffng
Payment Type	free
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Muriel Grid", "description": "A responsive grid overlay, based on the Muriel Design System.", "version": "0.3", "author": "Jeff Ong", "background": { "scripts": [ "src\/background.js" ], "persistent": true }, "browser_action": { "default_popup": "src\/popup.html" }, "web_accessible_resources": [ "src\/css\/grid.css", "src\/css\/popup.css" ], "permissions": [ "activeTab" ] }