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!

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

Posted by Kirk Kimsey
Kirk Kimsey
3,308 Points

add css that will allow all the images to fill their parent element

i dont really understand this question, every option i input is wrong.

gallery {

    max-width: 100%;

}

????????

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;
}

1 Answer

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,241 Points
Ryan Field
Ryan Field
Courses Plus Student 21,241 Points

It's asking you to have the images fill their parent, so you need to use the img selector. To have an image fill a parent element, you need to set its max-width to 100%, like this:

img {
  max-width: 100%;
}
Kirk Kimsey
Kirk Kimsey
3,308 Points

ok, that makes sense. thank you.