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

Hi, can you give me the answer of this question? >> Add CSS that will allow all images to fill their parent element.

My english language is not so good so i dont understand, what this question wants from me, can you give me the answer and explain, so i can move futher?

css/main.css
a {
  text-decoration: none;
}

#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;
}
Warren EURICLIDE
Warren EURICLIDE
6,234 Points

I think the answer is: img { width: 100%; }

2 Answers

Grace Kelly
Grace Kelly
33,990 Points

Hi Matas,

The question is asking us to set a CSS rule that will ensure that all images will take up 100% of the space of their parent elements e.g an image inside a div, we can do this simply by setting the max-width to 100%, like so:

img {
  max-width: 100%;
}

Hope that helps!!

thank you very much!