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

Posted by benaiahvarner
benaiahvarner
1,886 Points

float left

my page will not fall into two collumns like i want it to what is wrong?

gallery {

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

gallery li {

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

benaiahvarner
benaiahvarner
1,886 Points

i fixed the 2.5% margin issue and nothing has changed

4 Answers

Adam Moore
Adam Moore
21,956 Points
Adam Moore
Adam Moore
21,956 Points

Well, if the code you put on here was straight from your sheet, then Mark was right; that's probably what is causing you the problem. I didn't even see that at first. Thanks, Mark! :)

Also, if you did paste directly from it, did you put the "#" in front of "gallery"? Since "gallery" is the id, you'll need to put the "#" there so it'll know to select the object(s) with the id of "gallery", not an element named "gallery".

Mark Josephsen
Mark Josephsen
8,803 Points
Mark Josephsen
Mark Josephsen
8,803 Points

You don't have a semi-colon after your 2.5% margin.

benaiahvarner
benaiahvarner
1,886 Points
benaiahvarner
benaiahvarner
1,886 Points

i will add all of my code