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 Adding Pages to a Website Add and Style Icons

Hey Nick P explain why you include code that you have not teach in the challenges? Stage 7 adding pages to a site.

Hey Nick P explain why you include code that you have not teach in the challenges? Stage 7 adding pages to a website is one example. The video teaches some steps and the challenge goes beyond those steps. to request some code completely different. This is completely annoying since we do not have a person with us to clarify this nonsense.

css/main.css
/**********************************
PAGE CONTACT
**********************************/
.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: 20px 20px;
  padding: 0 0 0 30px;
}

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%;
}
Codin - Codesmite
Codin - Codesmite
8,600 Points

What part of the challenge does not make sense to you? If you tell us what part we can help you work it out :)

2 Answers

If its asking you to write code, It will be in either the previous video or maybe a video previous to that. The point of the code challenges is to make sure you were listening to the important parts.

They do explain a lot that some of the code is not relevant but you shouldn't worry. Alot of the code is either code that helps the website function when he adds relevant code or it's because he hasn't got to that yet.