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 Unused CSS Stages Media Queries Media Features and Media Types

Dwane Pennant
Dwane Pennant
12,337 Points

How do you get the browsers length/width displayed in the bottom right corner in chrome, like Guil has his setup

media-features-and-media-types video question

4 Answers

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

In Chrome (not sure about other browsers) you can install apps that give you that.

Go to (https://chrome.google.com/webstore/category/apps) Select 'Extensions' then 'Developer Tools'

I have two apps installed: Resize window, and Viewport resizer. Resize window gives me a bunch of different size options and will automatically change my browser to a different size, like a phone or tablet size. Viewport resizer is what gives me the box that says what size the browser is.

Hmmm, for me after restarting the browser it worked instantly using Chrome.

If that didn't work. I would maybe reset browser or clear apps and re-install. There may be few out there, you might better luck with another perhaps.

vickiecomrie
vickiecomrie
3,248 Points

I restarted again and now it's working.

problem solved!

I think its chrome extension that can be added. I am not sure if it is the same one I am using. I am using something called "Viewport Dimension".

It does the same thing, when you resize your window, it shows the px on the bottom right corners.

If you're interest here is the code on github. You can download the free extension at the chrome store.

https://github.com/CSWilson/Viewport-Dimensions

Dwane Pennant
Dwane Pennant
12,337 Points

Thanks Emma and Chris!!!