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

HTML How to Make a Website Styling Web Pages and Navigation Make a CSS Image Gallery

Irina Gogulya
Irina Gogulya
795 Points
Posted by Irina Gogulya
Irina Gogulya
795 Points

Help me, please

I don`t know where I can add this

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

2 Answers

Robert Tyree
Robert Tyree
13,335 Points
Robert Tyree
Robert Tyree
13,335 Points

Hi there,

Looks like you need to declare a rule that applies to your img elements like this:

img { 
  max-width: 100%;
  width: 100%; }

Hope that helps! :-)

Silviu Popovici
Silviu Popovici
20,433 Points
Silviu Popovici
Silviu Popovici
20,433 Points

For the first part of the challenge you just make a new selector at the end of all the other selectors that will select all images and then make their width 100% to fill the parent element.

img{ max-width: 100% }

Usually for all the challenges that say add a new selector you just add your code to the end.