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 Javid Abbasov
Javid Abbasov
9,243 Points

Please, help me with question

Here is the task: Select the element with the ID gallery. Then, remove the margin, padding, and bullet points.

and it gives error that: It looks like at least one side has no margin. Be sure you set all sides to zero margin.

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

img {
  max-width: 100%;
}

#gallery li {
  margin: auto 0 0;
  padding: auto 0 0;
}

2 Answers

Tobias Helmrich
Tobias Helmrich
31,602 Points
Tobias Helmrich
Tobias Helmrich
31,602 Points

Hey Javid,

to remove all margins and paddings of an element you just have to set the value of 0 to both properties which will give a value of 0 to all sides. Right now you're giving 3 values which means that you'll have a margin/padding-top of auto, a margin/padding-left and margin/padding-right of 0 and a margin/padding-bottom of 0.

Also note that you still have to remove the bullet points with list-style-type: none;

Like so:

#gallery {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

If you have further questions feel free to ask, good luck! :)

Sandro Oliveira
Sandro Oliveira
2,350 Points
Sandro Oliveira
Sandro Oliveira
2,350 Points

Hi Javid

You dont need to put all the values when setting all of the property to zero just one zero its enough

#gallery id {
  margin: 0;
  padding: 0;
  list-style-type: none; /** as its asking you to remove all the bullet points **/
}