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.

CSS CSS Flexbox Layout Building a Layout with Flexbox Building a Navigation Bar with Flexbox

Michael Rushton
Michael Rushton
4,753 Points

Is there a way to tell how many pixels wide your viewport is at?

I was wondering, as we are best to plan the media query breakpoints around the style of the page, not just based on common device screen sizes, wouldn't it be useful to be able to see a dynamic gauge of what pixel width my viewport is at as i slide it wider and narrower?

This is probably quite a noob question thats been covered somewhere that i missed, but it would be super helpful to me to know at what pixel width i'm viewing the page in my browser to plan the breakpoints (if that's even the right word)😂

Hope someone can help!

Cheers,

Mikey

1 Answer

Michael Rushton
Michael Rushton
4,753 Points

Oh wow!! Thanks so much! That is such a great help.

Awesome stuff!