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 Abdelrafour Houdane
Abdelrafour Houdane
436 Points

I don't actually understand the question in itself, can someone elaborate further?

Is it asking for the max-width? Or the width? What does the question really mean?

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

gallery {
width: 45%
}
Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi,

What does the question really mean?

What is the question?

Abdelrafour Houdane
Abdelrafour Houdane
436 Points

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

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi,

So its asking you to give a width that will fill the parent element whatever its size, with images we usually use max-width like this.

img {
max-width: 100%;
}

Hope this helps.

edeharrison
seal-mask
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points
edeharrison
.a{fill-rule:evenodd;}techdegree
edeharrison
Full Stack JavaScript Techdegree Student 11,127 Points

Hi Abdelrafour,

If you want an element to fill it's parent element I would add a percentage width of 100 -

img {
  width: 100%;
}

Hope that helps,

Ede

Abdelrafour Houdane
Abdelrafour Houdane
436 Points

Thank you for your help ;D

Abdelrafour Houdane
Abdelrafour Houdane
436 Points
Abdelrafour Houdane
Abdelrafour Houdane
436 Points

Thank you so much for all your help! Now I understand it, wow amazed at my stupidity! My bad :D

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

I wouldn't say stupidity Abdelrafour.

No matter how much we learn, sometimes we just get brain freeze over the simple things.

Good luck.