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
Jennifer Cyr
2,302 PointsTried to make portfolio/gallery 3 rows across when screen res >480px, not sure why it's not working...
I am trying to make pictures in 3 columns when the screen resolution is larger than 480px, currently is set to 2 columns under 480px. Margins are set to 2.5px on either side. Coded:
@media screen and (minwidth: 480px) { #gallery li { width: 28.3333} }
Help?
1 Answer
Mark Wilkowske
Courses Plus Student 18,131 PointsHi Jennifer, try min-width: as the property.
Jennifer Cyr
2,302 PointsJennifer Cyr
2,302 PointsThanks - I actually put "min-width" in my code, but mistyped it here - my problem was not adding the % sign to the width.