Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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,601 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

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 **/
}