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 Create a Horizontal List of Links

Magnus Rydberg
Magnus Rydberg
4,683 Points

How to correct earlier errors and omissions in the code challenges

I realize that earlier errors and omissions must have slipped trough to the next challenge and so on.

In my example I have a navigation area that is all white although I have

set nav a { color: #fff;}

I had to add simle nav selector just now and give it a background-red to see any part of the navigation

I would like to troubleshoot myself and maybe compare with the code in my Workspace editor

But since I do not see the HTML that the CSS in the code challenge relate to I am not sure how to move on.

What would be the best way for me to clean up the disorder in the code challenge at this point?

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 {
 background-color:red;
}


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;
}
Juan Aviles
Juan Aviles
12,795 Points

Have you tried downloading the files from the course? I used to use Workspaces and follow along with each course that way, but found that I actually prefer to download the working files for each course, and keep them on my drive for reference. I know this may not help you in this situation though.

2 Answers

Hi Magnus, Juan is right. Find a good code editor like Adobe Dreamweaver "I miss you Micromedia!" or the one I use, sublime text 2. Its free, and very easy to use. And I like Juan suggested, download the course file first before you start on each video. I hope this helps!

Magnus Rydberg
Magnus Rydberg
4,683 Points

Hi Juan Hi Josh

Thank you both for your suggestions. That helped.

All long I have been following along with the workspace text editor. *(I have the editors Brackets and Notepad ++ but

but I find that the internal workspace works fine with me.)

The code I have used in the workspace alonf with the course is fine. It is with the code challenges I made some earlier errors. Anyway I did download the project files as you suggested and used the main.css into the code challenge. It is a bit of a shortcut as I didn't troubleshoot and solve the errors on my own but at least this helped me start from scratch.