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

1. Footer not floating 2. Images are not side by side 3. Text is not shaded (padded) under the images

  1. Bullet points seen next to my images

Help! I have gone back listen to the lessons again and I still have not figured out my top 4 issues above. Can anyone look at my workspace Main.CSS and Index. HTML and tell me what I am doing wrong? Help!

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

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}
img {
max-width: 100%
}
#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;
  list-style: none;
}

"gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: f5f5f5;
  color: #bdc3c7

}

#gallery li a p {
  margin: 0;
  padding: 5%;
  font-size: 0.75em;
  color: #bdc3c7;
}

1 Answer

Oğulcan Girginc
Oğulcan Girginc
24,848 Points

Hi Sharon Weathers,

There is error in gallery list:

"gallery li {
#gallery li { //it should be like this

Hope this will help!

I tried this and it did not work. The images are still not side by side. The bullet points are still there. Any answers to the other items on my list?

I have watched "Style the Portfolio" four times and my Main.css and Index.html look exactly alike. My images are still not side by side. I have not figured out the problem nor have any answers helped in the forum. I have been unable to complete the challenge questions. Please help,