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

Posted by Ben Mohammad
Ben Mohammad
5,659 Points

Margin: blaa blaa blaa?

It SAYS IT LOOK SLIKE ONE OF THE MARGINS IS NOT SET ????CAN ANYONE HELLP?

css/main.css 
a {
  text-decoration: none;
}
img{
  max-width: 100%;
}
#id{
  margin: 0 0;
  padding: 0;
  list-style: 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

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

Task 2 says to "Select the element with the ID gallery."

:point_right: But it looks like you selected the ID of "id".

So instead of this:

#id{

You will want this:

#gallery {

Also, if you are setting all margins to the same value, you only need one value for the property.

Adam Futrell
Adam Futrell
11,976 Points
Adam Futrell
Adam Futrell
11,976 Points

All I did was set the img max-width to 100% and it passed for me...

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: 100%;
}