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

columns

i cant seem to find the mistake i made with the gallery, its not in 2 columns

html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Raymendy Jimenez | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900|Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Raymendy Jimenez</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <il> <a href=img/numbers-01.jpg> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </il> <il> <a href=img/numbers-02.jpg> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshops</p> </a> </il> <il> <a href=img/numbers-06.jpg> <img src="img/numbers-06.jpg" alt=""> <p>Drips Created with the shop</p> </a> </il> <il> <a href=img/numbers-09.jpg> <img src="img/numbers-09.jpg" alt=""> <p>Test 9</p> </a> </il> <il> <a href=img/numbers-12.jpg> <img src="img/numbers-12.jpg" alt=""> <p>woo kill em</p> </a> </il> </ul> </section> <footer> <a href="http://twitter.com/raysaid"><img src="img/twitter-wrap.png" alt="twitter logo"></a> <a href="https://www.facebook.com/raymendyj"><img src="img/facebook-wrap.png" alt="facebook logo"></a> <p>© 2014 Raymendy Jimenez.</p> </footer> </div> </body> </html>

css

/********************************* General *********************************/

body{ font-family:'Roboto Condensed', sans-serif; }

wrapper{

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

a { text-decoration: none; }

/********************************* heading *********************************/

logo{

text-align: center; margin: 0; }

h1{ font-family:'roboto', 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; }

/********************************* color *********************************/

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

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

/* nav background on mobile*/ nav { background: #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; }

2 Answers

Starting around the 2:25 mark in the video Nick begins adding the css to style the portfolio. I'm not seeing those styles in your css. Did you follow along with this video yet?

yes i did but for some reason i only got the gallery to one column

Raymendy Jimenez

Are you still having a problem with this?

If you are then please repost your css that you have after following everything in the video. The original css you posted is missing the styles needed to make it 2 columns.