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

Michal Janek
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Michal Janek
Front End Web Development Techdegree Graduate 30,654 Points

Chrome swapping the sources

So how important is this then? Example: I may have banner large and medium set. Then large and medium resolutions for square ones.

So when I refresh the page and small portrait screensize, it will load up medium one (fair enough that is the smallest one) - however if I spread it enough it should load up the largest landscaped one - it did not and Nick said that Chrome will not always use the largest resolution source - well then why even bother placing it there if it will show up only sometimes? (when page is loaded at the widest screensize available I suppose)