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 Caleb Sims
Caleb Sims
1,229 Points

#Gallery and margins

Selecting the element of the ID Gallery and setting all the margin sides to zero. I input #Gallery {margin: 0; padding: 0; list-style: 0;} but the "bummer" said that not all sides were equal to zero?

css/main.css 
a {
  text-decoration: none;
}
img {max-width: 100%;
}
#Gallery {margin: 0 ;padding: 0;list-style: none;
}

#Gallery {float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7;
}
#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;
}
h2 {
  font-size: 0.75em; margin: -5px 0 0; font-weight: normal;
{

3 Answers

Erik McClintock
Erik McClintock
45,783 Points
Erik McClintock
Erik McClintock
45,783 Points

Caleb,

Don't use a capital G in your selector. It is case-sensitive.

Additionally, in the next task, you're supposed to select the list items inside the gallery, and float those to the left. Right now, you are just attempting to select the gallery itself again.

Erik

Darren Joy
Darren Joy
19,573 Points
Darren Joy
Darren Joy
19,573 Points

You change the margin in the second set #Gallery to 2.5%

Just curious.... What is the 'bummer'?

Omar Emara
Omar Emara
18,249 Points
Omar Emara
Omar Emara
18,249 Points

I think he means with 'bummer' the code-challenge error.

Caleb Sims
Caleb Sims
1,229 Points
Caleb Sims
Caleb Sims
1,229 Points

I had the code right for the most part but the case sensitivity was confusing the hell out of me. Thank you for your comments.