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 trialBen Mohammad
5,659 PointsDiD u set clear:left????????
getiing lost again but I'm loving it lol..............a little help???
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
h1 {
font-family: Changa One, sans-serif;
font-size: 1.75em;
font-weight: normal;
}
img {
max-width: 100%;
}
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;
}
nav ul {
list-style: none;
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
font-weight: 800;
padding: 15px 10px;
}
.profile-photo {
display: block;
margin: 0 auto 30px;
max-width: 150px;
border-radius: 100%;
}
.contact-info {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}
.contact-info a {
display: block;
min-height: 20px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding: 0 0 0 30px;
margin: 0 0 10px;
}
@media screen and (min-width: 480px) {
#gallery li {
width: 28.3333%;
}
gallery li:nth-child(4){
clear: left;}
}
2 Answers
Jacob Bergdahl
29,119 PointsHi! Good job, but you've made a few small errors. Double-check the } at the end of your clear left, double-check if you're using # before gallery and remember to put the letter n after the number 4 :)
Steven Parker
231,198 PointsJacob's suggestions about using # to indicate id and using 4n to indicate every 4th child (instead of just the 4th) are good.
But your braces are fine (even though the placement may be a bit odd).
Jacob Bergdahl
29,119 PointsI believe it is important to encourage proper code formatting. Even if something is technically correct, I still highly encourage programmers to write code that is clean and easy to read. It's rude of you to imply that my suggestion wasn't "good". Changing the location of the brace takes less than a second, so I don't see why I shouldn't suggest the change when it's such a simple thing to change.
Ben Mohammad
5,659 PointsBen Mohammad
5,659 PointsThanks Jacob!