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

HTML Responsive Images Art Direction with the Picture Element The Picture Element

Nour El-din El-helw
Nour El-din El-helw
8,241 Points
Posted by Nour El-din El-helw
Nour El-din El-helw
8,241 Points

Chrome dev tools acting weirdly..

In the chrome dev tools i sometimes have to reload the page so it can show what image is being displayed, Is that normal?Also it always display the medium square picture image never the small one.

1 Answer

jessicakincaid
jessicakincaid
21,833 Points
jessicakincaid
jessicakincaid
21,833 Points

It sounds like you could be using the responsive mode and that's displaying different screen sizes. In Chrome Developer tools, there is a small icon near the top left side of the toolbar that looks like a mobile device. Click on that icon to toggle out of responsive mode and see if that helps!