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 How to Make a Website Styling Web Pages and Navigation Make a CSS Image Gallery

Add CSS that will allow all images to fill their parent element.

I really didn't get what he wants me to do!!any help?

4 Answers

use below code: img{ max-width: 100%; }

Tamur Farrokhnia
Tamur Farrokhnia
27,197 Points

Hi Tejan,

In order for this to make sense, you need to make sure you are familiar with the idea of nesting. Put simply, this is how elements on a page stack inside each other.

With the exception of the HTML element, all elements are nested inside another element, which is termed the "Parent".

What this challenge is asking for, is for you to set each image in the document to take up the full space of the element it is nested inside.

You will need to select the image elements using the proper notation, and then set the maximum width to 100% so that it takes up all of the parent element, thus "filling it".

Hope this helped!

Thanks a lot.

a { text-decoration: none; }

img { max-width: 100%; Comment: /* Add CSS that will allow all images to fill their parent element. */
}

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1, h2 { color: #fff; }

nav a { color: #fff; }

nav a:hover { color: #32673f; }

h1 { font-family: β€˜Changa One’, sans-serif; font-size: 1.75em; font-weight: normal; }