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

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

Posted by Hannah Blair
Hannah Blair
8,843 Points

my images have shifted to the left but they are all in one column not two columns.

It looks like there is space for a column on the right but none of the images appear on the right hand side, just the left...

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
}
Alex Fujimoto
Alex Fujimoto
19,013 Points

I'm having the exact same issue as you. It looks like my code is also identical to yours. I hope someone answers this

Angel Gonzalez
Angel Gonzalez
2,409 Points

Same :(

Alex Fujimoto
Alex Fujimoto
19,013 Points

you typed it in correctly in this post but maybe you missed a color or something somewhere. for me I was missing a colon for my margin and thats all that messed everything up. I downloaded the zip course file and went through(tediously) the entire code and compaired mine

1 Answer

Kevin Heck
PLUS
Kevin Heck
Courses Plus Student 1,290 Points
Kevin Heck
Kevin Heck
Courses Plus Student 1,290 Points

Hi, Hannah. Are all the images still on the left side only when you expand the page to fill a desktop, or only when the page is shrunk down to emulate a mobile viewport? If you have expanded the page and the images are still on the left only, here are a couple things you can check: Under the GENERAL section of your CSS, make sure your "img" declaration is formatted properly (beginning and ending curly braces, colon and semi-colon, max-width is at 100% and spelling.) Same goes for your #gallery and #gallery li declarations.