Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Grid Layout Going Further with Grid Layout Firefox Grid Inspector Tool

Peter Javorkai
Peter Javorkai
31,477 Points
Posted by Peter Javorkai
Peter Javorkai
31,477 Points

CSS Grid Chrome Inspector tool

Lately I've also used this tool to inspect CSS Grid on Chrome, till the official implementation is not taking place:

https://chrome.google.com/webstore/detail/gridman-css-grid-inspecto/cmplbmppmfboedgkkelpkfgaakabpicn

Might be useful for others as well. :)

5 Answers

georgiygorzhiyev
georgiygorzhiyev
10,990 Points

Chrome now has a CSS grid tool. Inspect an element, go to Layout then check Grid overlays for the grid container element.

Dan Weru
Dan Weru
47,649 Points
Dan Weru
Dan Weru
47,649 Points

Awesome. Thanks.

Web Team
Web Team
7,031 Points
Web Team
Web Team
7,031 Points

That's really useful thanks for the link :).