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
Leon Bateman
5,520 PointsProblems with my color scheme for my website.
I am doing the Front End Web Dev Track. I am at Style the Portfolio but I am having issues. I noticed that Nick Pettit has green on the head of his website, which I did have until I noticed that i was getting red on some of my statements here is my code. sorry for it being a little long.
/**************** 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 ****************/
RED> #gallery { margin: 0; padding:0; list-style: none; }
RED> #gallery li { float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7 }
/**************** COLORS ****************/
/* site body */ RED> body { background-color: #fff; color: #999; }
/* green header */ RED> header { background: #6ab47b; border-color: #599a68; }
/* nav background on mobile */ RED> nav { background: #599a68; }
/* logo text */ RED> h1, h2 { color: #fff; }
/* links */ RED> a { color: #6ab47b; }
/* nav link */ RED> nav a, nav a:visited { color: #fff; }
/* selected nav link */ nav a.selected, nav a:hover { color: #32673f; }
Any help would be great The parts that I used to help you guys see whats wrong with my code is stated with RED>.
1 Answer
Jesus Mendoza
23,289 PointsYou forgot to close your footer mate!
Add a closing bracket "}" at the end!
Leon Bateman
5,520 PointsLeon Bateman
5,520 PointsHAHAHA, thank you so much, that's the only bad thing about coding, one simple mistake and you're screwed. thanks again m8
Jesus Mendoza
23,289 PointsJesus Mendoza
23,289 PointsNo problem! Good luck.