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 Style the Portfolio

Can't style the portfolio, it seems to me the code is the same, but I obviously did something wrong.

/*************************
GENERAL
**************************/


body {
  font-family: 'Open Sans', sans-serif;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}



/*************************
HEADING
**************************/

#logo {
  text-align: center;
  margin: 0;
}

h1 {
  font-family: 'Changa one', sans-serif;
  margin: 15px 0;
  font-size: 1.75em;
  font-weight: normal;
  line-height:. 0.8em;
}

h2 {
  font-size: 0.75em;
  margin: -5px 0 0;
  font-weight: normal;
}



/*************************
NAVIGATION
**************************/

nav {
  text-align: center;
  padding: 10px 0;
  margin: 20px 0 0;
}



/*************************
FOOTER
**************************/

footer {
  font-size: 0.75em;
  text-align: center;
  padding-top: 50px;
  color: #ccc;
}




/*************************
PAGE PORTFOLIO
**************************/

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

} 




/*************************
COLORS
**************************/


body {
  background-color: #fff;
  color: #888;
}

a {
  color: #6ab47b;
}

header {
  background: #6ab47b;
  border-color: #599a68;
}

h1, h2 {
   color: #fff;
}

nav {
  color: #599a68;
}

nav a, nav a:visited {
  color: #fff;
}

nav a.selected, nav a:hover {
  color: #32673f;
}
Ken Alger
Ken Alger
Treehouse Teacher

Edited for Markup.

Can you be a bit more specific about what issue(s) you are having with your page(s)?

Thanks,

Ken

Richmond Lauman
Richmond Lauman
28,793 Points

On line 40 you have line-height:. 0.8em; There is a period directly after the colon that should not be there. The code should be :

line-height: 0.8em;

I found that quickly by running your code in a css validator at http://jigsaw.w3.org/css-validator/

2 Answers

Is there any way I can post a screenshot to show u my problem?

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi Edin, did you see Richmond's comment about the error on line 40 of your code? I think if you fix that it might help you. :-)

http://www.sendspace.com/filegroup/6OIPGJR4fDFnuM7XYpzn0w

I uploaded on sendspace screenshots of my webpage, please take a look to understand what my problem is.