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

at around the 5min 04sec mark.....

he says the images are breaking out of their containing <div>. Is that actually what's going on there or, is it more likely just because they are not yet responsive images, he is sizing down the browser window and they are extending beyond that window? i'm a little confused. thank you!

1 Answer

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

You are correct, they by default have a fixed size, which needs to be converted into a percentage value. A percentage value is always relative to a parent element. So giving the images a max width of 100% stops them from becoming any wider than that value and makes them get no larger than 100% of the parent element.

Fluid/responsive comes from using relative units.