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 Layout CSS Media Queries Targeting Media Features

Alex Hort-Francis
Alex Hort-Francis
17,074 Points
Posted by Alex Hort-Francis
Alex Hort-Francis
17,074 Points

Why does the site change differently depending on whether or not I use 'device toolbar' to resize the window?

It seems like the site is being rendered differently.

Without device toolbar (Chromium devtools) the site looks like it does in the video: https://imgur.com/a1XptGL

With device toolbar it looks different: https://imgur.com/huoknln

I wonder why this is?

Also: if I'm going to use the devtools to help me test sites I'm building to make sure they work well on mobile, should I use the device toolbar or not?

Very confusing, has anyone got any thoughts/answers?

Thanks! :)

1 Answer