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

Posted by Enrique Villalobos
Enrique Villalobos
1,174 Points

ive been stuck for two days now, someone please help I want to keep learning :((

add CSS that will allow all images to fill their parent element idk what that means or what it wants me to do :(

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

Dane Parchment
MOD
Dane Parchment
Treehouse Moderator 11,075 Points
Dane Parchment
Dane Parchment
Treehouse Moderator 11,075 Points

Basically it is asking you too make sure that an image at maximum will fill its paren'ts width we can do this multiple ways but the way that is necessary to pass the challenge is by using the max-width property so here is how we will do it.

/** Add this to the stylesheet
----------------------------------------------**/
img {
    max-width: 100%;
}

Simple as that!

Enrique Villalobos
Enrique Villalobos
1,174 Points

Ohh okay i see, thanks Dane. i wasnt sure what element to select. Thanks again!:)