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 trialTejan Grabus
1,491 PointsAdd CSS that will allow all images to fill their parent element.
I really didn't get what he wants me to do!!any help?
4 Answers
Anuj Saini
Courses Plus Student 1,299 Pointsuse below code: img{ max-width: 100%; }
Tamur Farrokhnia
27,197 PointsHi Tejan,
In order for this to make sense, you need to make sure you are familiar with the idea of nesting. Put simply, this is how elements on a page stack inside each other.
With the exception of the HTML element, all elements are nested inside another element, which is termed the "Parent".
What this challenge is asking for, is for you to set each image in the document to take up the full space of the element it is nested inside.
You will need to select the image elements using the proper notation, and then set the maximum width to 100% so that it takes up all of the parent element, thus "filling it".
Hope this helped!
Tejan Grabus
1,491 PointsThanks a lot.
Ary de Oliveira
28,298 Pointsa { text-decoration: none; }
img { max-width: 100%; Comment: /* Add CSS that will allow all images to fill their parent element. */
}
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; }