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

Dee Miller
Dee Miller
1,052 Points

Two columns are working but images are squeezed together two at a time with no spaces between

Hi guys, can't figure why this is, and happened to notice while nearing the end of the CSS Section. I'm at a loss as to why but hopefully someone will know. I'm assuming that this piece of code is hiding the culprit somewhere

/****************************
PAGE: PORTFOLIO
****************************/


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


#gallery li {
 float: left;
 width: 45%;
 margin 2.5%;
 background-color: #f5f5f5;
 color: #bdc3c7;

}

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

Yet somehow looks like this with no spaces between columns

https://gyazo.com/894acf702b078ea5637085147f8619da

Thanks so much everyone!

d

Hey Dee,

Can you provide us with a Snapshot of your Workspace so we can see your code in its entirety.

2 Answers

Dee Miller
Dee Miller
1,052 Points

Durr I see it now.. no colon. I have it at "margin 2.5%" not "margin: 2.5%" -__-