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

GRAYSON CAIN
GRAYSON CAIN
11,299 Points
Posted by GRAYSON CAIN
GRAYSON CAIN
11,299 Points

How do I? - "select the element with the ID gallery, then remove the margin, padding, and bullet points"

gallery {

margin= 0; padding= 0; }

What am I missing?

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

#gallery {
  margin= 0;  
  padding= 0;
}

img {
    max-width: 100%;
}

4 Answers

Hannah Mackaness
Hannah Mackaness
4,437 Points
Hannah Mackaness
Hannah Mackaness
4,437 Points

mm, I think I had trouble on this too. Eventually I just googled "no bullet points css mdn" and found this: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

have you tired list-style-type = none; ?

Hannah Mackaness
Hannah Mackaness
4,437 Points
Hannah Mackaness
Hannah Mackaness
4,437 Points

It looks like you might only have asked it to remove the padding and margin- and forgotten to remove the bullet points. You might want to look into changing the list-style-type... :)

GRAYSON CAIN
GRAYSON CAIN
11,299 Points
GRAYSON CAIN
GRAYSON CAIN
11,299 Points

Thanks Hannah,

I've tried this but the code challenge doesn't like my answer... :

gallery {

margin= 0; padding= 0%; list-style= none; }

GRAYSON CAIN
GRAYSON CAIN
11,299 Points
GRAYSON CAIN
GRAYSON CAIN
11,299 Points

Apparently I had to close my browser and restart.. the part that was missing (even though I tried it before) was:

list style: none;

thanks for your time helping!

Hannah Mackaness
Hannah Mackaness
4,437 Points
Hannah Mackaness
Hannah Mackaness
4,437 Points

no worries, glad the mystery was solved!

Camilla Holst
Camilla Holst
8,876 Points
Camilla Holst
Camilla Holst
8,876 Points

Remember the #, looks like you missed that in your last post :)

GRAYSON CAIN
GRAYSON CAIN
11,299 Points
GRAYSON CAIN
GRAYSON CAIN
11,299 Points

sorry...I actually did put that but for some reason this messenger didn't put it..