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

the background color is green in my portfolios and not white?

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

also i added # in gallery. it just doesn't show it in the question detail.

well if u would post the whole of the test work space then it would not be a prblm

can you answer my question i always ask before everyone but never get an answer

well have u used the command i sent u

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

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

wrapper {

max-width: 940px; margin: 0 auto; padding: o 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; clear: both; 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; }

gallery li a p {

margin: 0; padding: 5%; font-size: 0.75em; color: #bdc3c7; }

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

/* site body */ body { background-color: #fff; color: #999; }

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

/* Logo text */ h1, h2 { color: #fff; }

/* links */ a { color: #6ab47b; }

/* nav background on mobile */ nav { background: #599a68; }

/* nav link */ nav a, nav a:visited { color: #fff; }

/* selected nav link */ nav a.selected, nav a:hover { color: #32673f; }

i added all css code. in the style portfolio video, the websites background becomes white, while mine stays green?

have u saved ur pogress

yes, i have saved my progress. i don't know if it is the website problem, or i forgot something?

hey, could someone help me with my question? i still haven't solved it.

1 Answer

use this

gallery li a p {

margin: 0; padding: 5%; font-size: 0.75em; color: #bdc3c7;

i already did use it.