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
Abhijeet Sutar
5,119 PointsWhich chrome extension is used for checking width and height?
I see black transparent box at bottom-right at 4:31 in this video, while Guil resizes the browser to see the width and height
I am talking in reference to CSS Basics course for video- https://teamtreehouse.com/library/css-basics/basic-layout/boxsizing-and-maxwidth
2 Answers
Senad Redzic
4,474 PointsHi, inspect elements is good idea but if you just want something to quickly resize window and to determine size without having to see the code I would say that you can use this extension: https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?utm_source=gmail
It can show you window size and view-port size as well. Sometimes it can be handy to know both of them. https://sc-cdn.scaleengine.net/i/7eca64881cce97ce3f193afe18650e631.png
You can also use it to resize window in regards to different sizes: https://sc-cdn.scaleengine.net/i/84f867c9e54728730125299236b51b821.png
Corey Gibson
Courses Plus Student 4,044 PointsYou can use inspect element in chrome and hover over the div to show those features or maybe try Page Ruler.
Abhijeet Sutar
5,119 PointsHi Corey, Thanks for your response
Abhijeet Sutar
5,119 PointsAbhijeet Sutar
5,119 PointsHi Senad.
Thanks, i got it what i was looking for.