CSS Grid Overlay

CSS Grid Overlay

Easily check the grid alignment of your page across breakpoints.

CSS Grid Overlay
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.
Users: 10,000+
Rating: 4.43 (7)
Version: 10 (Last updated: 2022-04-06)
Creation date: 2020-02-02
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
  • scripting
  • activeTab
  • storage
Size: 185.34K
URLs: Website
Stats date:

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.
Chrome-Stats extension

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

See more
User reviews
Buy Chrome Extension Reviews Contact Information Telegram : @buysmmworld Skype : Buy Smm World WhatsApp: +60 18-942 3216
by Agnes Tate 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 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 Marcin Gościcki, 2021-10-01
View all user reviews
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: