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

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,982 Points
Dan Weru
Dan Weru
47,982 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 :).

Marcos Cabrini Riani dos Reis
Marcos Cabrini Riani dos Reis
12,253 Points
Marcos Cabrini Riani dos Reis
Marcos Cabrini Riani dos Reis
12,253 Points

Thank you!! I'm using this plugging, it's very helpful

Yeni Elder
Yeni Elder
6,223 Points
Yeni Elder
Yeni Elder
6,223 Points

Thanks a lot!