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

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.