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

Oleg Khripunov
Oleg Khripunov
401 Points
Posted by Oleg Khripunov
Oleg Khripunov
401 Points

After this video I used float but it didnt work on my website. Can you check my code and see what am I missing?

I tried watching the video several times and recoding it but it still doesnt work

Logan R
Logan R
22,989 Points
Logan R
Logan R
22,989 Points

If you post your code, we can take a look at it for you :)

Try to use the code markup by wrapping your code with three ` at the start and end of the code.

2 Answers

Evan Agee
Evan Agee
13,088 Points
Evan Agee
Evan Agee
13,088 Points

I'd love to take a look, could you post your code?

Hemadri Sen
Hemadri Sen
8,621 Points
Hemadri Sen
Hemadri Sen
8,621 Points

Please take a look at my code, i am not sure why i am seeing 2 columns gallery. Please help

/********************************** 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 ***********************************/

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

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

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

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

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

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

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