Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,567 Points
Wayne Priestley
Wayne Priestley
19,567 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,567 Points
Wayne Priestley
Wayne Priestley
19,567 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
edeharrison
11,126 Points
edeharrison
edeharrison
11,126 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,567 Points
Wayne Priestley
Wayne Priestley
19,567 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.