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 KamalKanta Majhi
KamalKanta Majhi
1,250 Points

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

I am unable to understand this question. Please help.

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{
max-width: 45%;

}

1 Answer

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi,

You almost have it with:

img{
max-width: 45%;

}

The above style will set the image to just under half of the parent (45%) width though.

So based on the above being just under half the width of the parent and without giving you the exact answer, you will need to increase that max-width percentage.

Hope that helps give a clue :)

-Rich

KamalKanta Majhi
KamalKanta Majhi
1,250 Points

Thanks Rich, i understand now. :-)

Rich Bagley
Rich Bagley
25,869 Points

No problem :)