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
Ting-Chieh Huang
3,387 PointsI followed the video up to 6:54. I found out that there my must be sth wrong with my code. Plz help me to check. Thanks
Here is my main.CSS file
/************************ Gerneal ****************************/ 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%;
}
/************************ Header ****************************/
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-color:#6ab47b; border-color:#599a68; }
/* nav background 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;
}
My facebook and twitter graph is in the right side and there were no space between each image. I dun know where did I do wrong. Could the error exist in index.html?
3 Answers
Ben Spears
19,148 PointsWhat is happening that makes you think there is a problem? An error, something not displaying correctly? Also please check the "Markdown Cheatsheet" to see how to enter code so that it will display in the proper format, so it is readable in the chat.
Bob Beaumont
1,317 PointsHello Ting-Chieh, Were you able to get it to display correctly yet? I'm working on the same exercise and mine is OK. Your css appears to be ok. Here is what I have in html to make the css code work This code is input just after "wrapper" and before your fist anchor img number 1 code.
<section>
<ul id="gallery">
<li>
Let me know if this helps you at all. <br> Thanks Bob.
Ting-Chieh Huang
3,387 PointsOh I got it. In gallery li I miss a : after margin. Still, thank you for your time
Jonathan Bilodeau
415 PointsFixed my problem! Thanks bob.
Ting-Chieh Huang
3,387 PointsTing-Chieh Huang
3,387 PointsIt displays incorrectly. In the video, there were space between each images and Twitter logo is at the bottom. Mine is no space between image and twitter logo is in the upper right side.