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 Responsive Web Design and Testing Refactor the Layout

DiD u set clear:left????????

getiing lost again but I'm loving it lol..............a little help???

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 {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

.profile-photo {
  display: block;
  margin: 0 auto 30px;
      max-width: 150px;
  border-radius: 100%;
}

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

@media screen and (min-width: 480px) {
#gallery li {
  width: 28.3333%;
}
 gallery li:nth-child(4){
   clear: left;}
}

2 Answers

Jacob Bergdahl
Jacob Bergdahl
29,119 Points

Hi! Good job, but you've made a few small errors. Double-check the } at the end of your clear left, double-check if you're using # before gallery and remember to put the letter n after the number 4 :)

Thanks Jacob!

Steven Parker
Steven Parker
231,198 Points

Jacob's suggestions about using # to indicate id and using 4n to indicate every 4th child (instead of just the 4th) are good.

:point_right: But your braces are fine (even though the placement may be a bit odd).

Jacob Bergdahl
Jacob Bergdahl
29,119 Points

I believe it is important to encourage proper code formatting. Even if something is technically correct, I still highly encourage programmers to write code that is clean and easy to read. It's rude of you to imply that my suggestion wasn't "good". Changing the location of the brace takes less than a second, so I don't see why I shouldn't suggest the change when it's such a simple thing to change.