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
Silvia Balu
8,963 PointsGallery with 2 columns - preview not working
After writing the code:
<ul id="gallery">
gallery li {
float: left; width: 45% margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }
I don't see any change in the preview, images are still in one column instead of 2.
9 Answers
George Cristian Manea
30,787 Pointsyou are missing a semicolon ";" after width:45%
George Cristian Manea
30,787 PointsAfter you click preview click refresh
Silvia Balu
8,963 PointsI did but it's still no change in the columns. Everything else added in CSS works perfect.
George Cristian Manea
30,787 Pointsgallery must be a class ".gallery" or id "#gallery"
Silvia Balu
8,963 PointsIt's an id: "#gallery li {}"
George Cristian Manea
30,787 Pointsthen write" #gallery li" not "gallery li"
Silvia Balu
8,963 PointsI did in the workspace. Here in the forum the # disappeared after copy-pasting the code...
Silvia Balu
8,963 PointsThat's true!! Small things have huge consequences! Multumesc, acum functioneaza! :)
George Cristian Manea
30,787 Points:)) Deci nu esti elvetianca pana la urma :D
Silvia Balu
8,963 PointsNu :)