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
Emily Larcher
220 Points[solved] CSS formatting issue
Hi! I am having trouble with my formatting, my section, bio has a white background instead of a green background and my nav is at the left when I want it to be at the right. ****************** Genereal *******************/ a { text-decoration:none }
wrapper {
max-width: 940px; margin: 0 auto; padding: 0 5%; }
logo{
text-align:center;
margin: 0;
}
h1{
font-family: 'Philosopher', sans-serif;
margin: 15px 0;
font-size: 1.75em;
font-weight: normal;
line-height: 0.8em;
}
h2{
font-family: 'Montserrat Alternates', sans-serif;align-content;
margin: -5px 0 0;
font-size: 1.50em;
font-weight: normal;
}
section{
font-family: 'Vollkorn', serif;
Margin: 8px 0;
font-size: 1.25em;
}
nav{
text-align: center:
padding: 10px 0;
margin: 20px 0 0; }
section{ text-align: center; padding 10px; } footer{ font-family: 'Cinzel' Margin: 5px 0; font size: .75em; text-align: center; padding-top: 50px; color: #ccc; } /heading/ /* color header*/ header { background: #3ab73b; border-color: #299a12; } h1, h2 { color: #fff; } /* nav background on mobile devices*/ nav { background: #599a68; } nav a, nav a:visited{ color: #fff; }
nav a.selected, nav a:hover{ color: #f5f5dc; }
/* footer color, and description color*/ body section { background-color: #fff; color:#999; }
3 Answers
Russell Beye
3,367 PointsHi Emily!
It seems like in your nav, you have text-align: center: instead of the semicolon at the end like text-align: center;.
You aren't seeing the green because you have a large block of css commented out:
/* color header/ header { background: #3ab73b; border-color: #299a12; } h1, h2 { color: #fff; } / nav background on mobile devices*/
You just commented out the part that gives you the green background. You should have:
/* color header */ header { background: #3ab73b; border-color: #299a12; } h1, h2 { color: #fff; } /* nav background on mobile devices*/
Let me know if that works.
Emily Larcher
220 PointsThank you so much Russel
Russell Beye
3,367 PointsNo problem! Good luck!