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
Laura Zvirbule
3,043 Pointsmy code doesn't work, images are still in one column. Please help me to find a mistake?
'''html
<div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation of colors</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>80'sstyle</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Repetition</p> </a> </li> </ul> </section> </div>
'''
'''css
gallery {
margin: 0; padding: 0; list-style: none; }
galerry li {
float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }
img { max-width: 100%; }
'''
3 Answers
Jason Arnold
22,110 PointsA couple of things.
In your CSS, you misspelled 'gallery' for your 'gallery li' CSS selector.
Also, neither of you CSS selectors have the '#' in front of them. You need this if you want them to be applied to the element with the ID of 'gallery'.
Laura Zvirbule
3,043 PointsThank You so much!! I had # in css on my original code, for some reason it didn't appear here.. but gallery really wasn't spelt right.. I can't believe I made such mistake!!
Thank You! Again!
Lusako Njwaba
1,064 PointsOMG! I feel like an idiot. I was getting frustrated with not having the pictures in two columns and removing the bullet points. Turns out I assigned my "gallery" id in the ul of the nav element.