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

lost beyond belief

please help. been trying really hard

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 ) {
  h1 {
     font-size: 2.5em;
  }
}

@media screen and ( min-width: 660px ) {
  h2 {
     font-size: 1.75em;
}

@media screen and (min-width: 480px) {
  #gallery li {
    width: 28.3333%;
  }
}
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

You've posted 4 questions in a very short period of time (I did delete one that was a duplicate). Might I suggest doing a review of the videos, as these concepts are very clearly explained in each video. Reviewing is very helpful in retaining the new concepts.

There is approximately 30 minutes of video instruction between your past two challenges, but you seem to have posted them only 25 minutes apart?

The Community is a place to come for help... not a place to have answers just handed out. I do strongly suggested going back over the videos and then giving the challenges another try after that.

Jason ~Community Moderator

Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

In addition,

You have the same error as the one that was corrected in your previous post by Ezra... a Syntax error. Sometimes, a little proofreading for syntax errors is all that's needed.

1 Answer

Steven Parker
Steven Parker
229,657 Points

This code actually contains the correct solution. But some other code has also been added that is not related to the challenge instructions. Remove the extra code, or start over and add only what the instructions ask for.