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 Basics (2014) Enhancing the Design With CSS Adjusting the Layout with Media Queries

DEEPIKA MARAM
DEEPIKA MARAM
4,491 Points

How to get the small extension on the right corner of the browser showing the view port size?

How to get the small extension on the right corner of the browser showing the view port size?

4 Answers

It is the Window Resizer in the teacher's notes. After install you need to go into settings > tooltip and enable Automatically show the resize tooltip on all pages. I can't get the setting to save (Chrome) but I can manually enable the tooltip and it displays like in the video.

DEEPIKA MARAM
DEEPIKA MARAM
4,491 Points

Awesome! This is what I needed. Thank you :)

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 48,850 Points

If you open dev tools in browser, you will be able to adjust the screen and see the viewport size.

Here's docs on how to open:

https://developers.google.com/web/tools/chrome-devtools/open

DEEPIKA MARAM
DEEPIKA MARAM
4,491 Points

Nope not that one. But there is a small pop-up always in the video. Is it some extension?

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 48,850 Points

Checkout the resources in the teacher notes below the video. It has a link to the extension being used.