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 trialCheri Trego
834 PointsSelect the list item float them to left and width of 45%. I have tried several different code type none of them work.
This is a code challenge that states select the list items nested inside the gallery. Float them to the left and set the width to 45%. Here is one of the codes that I have tried
gallery l1 {
float: left; width: 45%; } What is the challenge asking for
a {
text-decoration: none;
}
img{
max-width: 100%;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
}
h1, h2 {
color: #fff;
}
#gallery {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
#gallery l1 {
float: left;
width: 45;
}
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
h1 {
font-family: ‘Changa One’, sans-serif;
font-size: 1.75em;
font-weight: normal;
}
6 Answers
Ken Alger
Treehouse TeacherCheri;
Welcome to Treehouse!
It looks like you have a number one (1
) instead of an i
in your gallery li
selector.
Ken
Cheri Trego
834 PointsChanged the code
gallery li {
float: left; width: 45%;
}
That is still not right what is the challenge asking for
Ken Alger
Treehouse TeacherCheri;
Are you indicating that gallery
is an id
with the #
sign?
#gallery li {
float: left;
width: 45%;
}
Happy coding,
Ken
Wayne Priestley
19,579 PointsHi Cheri,
You have a couple of extra closing brackets dotted about in your code, you also need to add a % to the end of width: 45;
Hope this helps.
Kevin Hewitt
4,329 PointsHi.
I have the same issue. I entered the following:
#gallery li {
float: left;
width: 45%;
}
.. but it doesn't pass validation - it keeps saying "Bummer! Be sure to float the gallery list items to the left.".
This is exactly the same code that was shown in the video, and it worked when I typed it into my main.css whilst following the video.
Wayne Priestley
19,579 PointsHi Kevin,
It's best if you start a new question and past your html and css in it as it's easier to help you that way and more people will see your post.
Hope this helps.
Kevin Hewitt
4,329 PointsOk, thanks Wayne.