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

Posted by David Wilson
David Wilson
2,295 Points

how does it show resolution on bottom right when he resizes the window?

I would like to see what resolution my screen is at also. Would come in handy when setting sizes. How does he do that?

2 Answers

Kennet Guevara
Kennet Guevara
7,473 Points
Kennet Guevara
Kennet Guevara
7,473 Points

This is a Chrome extension called Window Resizer and it helps a lot! If you use Chrome I totally recommend getting it. Here's the link to the Window Resizer in the Chrome Web Store: [https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=es-419]

iuliana sagaidak
iuliana sagaidak
4,797 Points
iuliana sagaidak
iuliana sagaidak
4,797 Points

I dot know how he make it, but there's another way to get you screen size. Preview the page you building "Lake Tahoe", go to right top in google chrome to open more tools - developer tools. Then choose loop (down left, first little box) and give click to element that takes full screen. Just above this bottom you will see the screen size it takes. But screen need's to take full size: check out responsive, 100% (top) and slider from right size. Hope it helps.