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

CSS How to Make a Website Styling Web Pages and Navigation Style the Portfolio

2 columns for images

My images seem to not condense into 2 columns even though my code is exact to the teacher. Are my images the wrong size? How do I get my images with the current size of 1024x768 to follow this design?

6 Answers

misspelled gallery galley ;) yeah the misspellings are 90 of my errors and I hate it because when you glance at the code everything looks right!

also your id's should have # in front of them like

gallery {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3f7; }

Can't see your code but I believe you need to add style of float:left; to the the element that contains them. also max-width:100%;

img { max-width: 100%; }

gallery {

margin: 0;
padding: 0;
list-style: none;

}

galley li {

float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3f7;

}

gallery li a p { margin: 0; padding: 5%; font-size: 0.75em; color: #fff }

I also properly added the id "gallery" to the ul in the html too. I thought I followed along exactly

wow good catch! I can't believe it. I spend over an hour looking at my code before starting this discussion! Thanks for the help and feedback!

No problem, glad I was able to help.