CSS Grid Overlay
Easily check the grid alignment of your page across breakpoints.
What is CSS Grid Overlay?
'CSS Grid Overlay' is a Chrome extension, enabling developers to verify the grid alignment of their webpages across multiple breakpoints. It supports ordinary grid values such as gutters, columns, and max width. Configurations can be effortlessly saved and shared among team members as JSON objects. Thus, ensuring consistent design throughout.
Stats
Users: 10,000+
Rating: 4.43
(7)
Creation date: 2020-02-02
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
- scripting
- activeTab
- storage
Size: 185.34K
Email: im*****@gmail.com
URLs: Website
Stats date:
Chrome-Stats Rank
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Summary
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
User reviews
Buy Chrome Extension Reviews
Contact Information
Telegram : @buysmmworld
Skype : Buy Smm World
WhatsApp: +60 18-942 3216
by
Agnes Tate, 2024-04-23
Love this! It's helping my dev and design teams align more easily. A doc page somewhere explaining the syntax would be helpful. But at least be sure to read the json example on the extension's page in the chrome store. Especially note that the gutter width parameter is HALF the full gutter width. I sometimes see the error that the JSON isn't valid, even though it passes in online linters. I refresh the extension's options page and then save it again--the error goes away.
by
Kenny McNett, 2024-02-05
Great for web developers! I tried few of similar extensions but this one is the best. I love being able to save multiple grid configs. ❤️️
by
Marcin Gościcki, 2021-10-01
Safety
Risk impact
CSS Grid Overlay is safe to use. It does not request any sensitive permissions.
Risk likelihood
CSS Grid Overlay has earned a good reputation and can be trusted.
Upgrade to see risk analysis details
Similar extensions
Here are some Chrome extensions that are similar to CSS Grid Overlay:
https://fenvox.com
10,000+
https://beltslib.net
863
Daniel Samuels
794
https://muz.li
400,000+
https://responsiveviewer.org
200,000+
Dennis Novriandi
666
https://www.medinnna.com
6,000+
abdullahrafique565
2,000+
Tam Nguyen
3,000+
david marsalone
1,000+
CSS Peeper
500,000+
tgohn
100,000+