CSS Grid Overlay

Easily check the grid alignment of your page across breakpoints.

CSS Grid Overlay - Chrome Extension for Grid Alignment

'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.

Download

Extension stats

By: https://imagentleman.github.io

Users: 10,000+

Rating: 4.43

(7)

Version: 11 (Last updated: 2025-01-30)

Creation date: 2020-02-02

Permissions:

scripting
activeTab
storage

Size: 187.39K

Email: im*****@gmail.com

URLs: Website

Full description: See detailed description

Ranking

# 9,552 ▲ 47

Other rankings

#1657 in Developer Tools ▲ 3 #6 in grid keyword 32 #7 in overlay keyword 28 ▲ 2 #33 in column keyword 11 ▼ 2

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

User reviews

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.

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. ❤️️

Marcin Gościcki, 2021-10-01

great doing what it is supposed to do, very useful tool

M S, 2021-04-05

View all user reviews

Extension safety

Risk impact

CSS Grid Overlay does not require any sensitive permissions.

Risk impact analysis details

Low Request access to the following domains:

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of CSS Grid Overlay. Use it at your own risk.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Medium **** ********* *** ******* ** *** **** * ******* *** ******* *** *** ** ****** ** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******