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

I have entered the exact code several times for float: left; & width: 45%; yet it does not recognize it as the right ans

where is my mistake it is the same as in the video.

css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}
img {
  max-width: 100%;
}

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

#gallery l1 {
  float: left;
  width: 45%;
  margin: 2.5%;
}

#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;
}
Gina Scalpone
Gina Scalpone
21,330 Points

It would be helpful to see the instructions and HTML as well, but it seems like you're trying to float the gallery list to the left with a width of 45%? It looks like you called "#gallery l1" (L-one) instead of "#gallery li".

1 Answer

huckleberry
huckleberry
14,636 Points

Yes, the properties are correct for that selector but your selector contains an error.

#gallery l1 {
  float: left;
  width: 45%;
  margin: 2.5%;
}

Check again what elements you're supposed to be targeting with the selector and then look at the selector again.. what's wrong there?