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
Raymendy Jimenez
389 Pointscolumns
i cant seem to find the mistake i made with the gallery, its not in 2 columns
Raymendy Jimenez
389 Pointshtml <!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
Jason Anello
Courses Plus Student 94,610 PointsStarting 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?
Raymendy Jimenez
389 Pointsyes i did but for some reason i only got the gallery to one column
Jason Anello
Courses Plus Student 94,610 PointsAre 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.
Jason Anello
Courses Plus Student 94,610 PointsJason Anello
Courses Plus Student 94,610 PointsIt'll help to see your code.
https://teamtreehouse.com/forum/posting-code-to-the-forum