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

Aizaz Khaja
Aizaz Khaja
1,499 Points

I don't get what this question is asking me in the first challenge under "make a css image gallery"....

what parent is it referring to? I can't see my html file to edit or check parents, etc.

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

img {
  margin: 0;
  padding: 5%;
  max-width: 20%;
}

1 Answer

You don't need to see the HTML. The challenge requires to set a CSS property on all the img tags so that they fill their parents no matter what those parent elements happen to be. So, if you have a rule like the following:

img {
  max-width: 100%;
}

you will achieve the desired result and pass the challenge. The rule is generic in the sense that I don't care what the parent of the img tag is; just stretch the image to fill it.

Aizaz Khaja
Aizaz Khaja
1,499 Points

Thanks :), I think I understand that logic now.