Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Viewport Size addon/extension for Chrome. Any recs?

Hello everyone-

Been working on some projects and I'd like to stop using fixed breakpoints for media queries and build them in based on the content. In some of the early videos with Guil he had an addon or extension to chrome that showed the viewport size in pixels. I can't seem to find one. Do any of you have the name of that add-on or one that you use in your own work? Thanks!

1 Answer

Chase Setser
Chase Setser
3,802 Points

I'm not quite sure about the addon, but if you go into the developer tools and click on the second icon at the top left of developer tools you will enter into "device mode". From there you can select, at the top, which device you want to show a preview of. To the right of that, you can also see the width and height in pixels.