Columns Look Bunched Up

[CarraraWebsiteSolutions]

Hello I have be practicing on making columns just about there but my first two columns look like there are bunched up have made the columns in percentages and have add margin but just can’t quite get them all even with enough space.

http://codepen.io/mwbcomputers/pen/GHnaD

the last two columns also have images on left side off text currently not showing

[CrocoDillon]

Only 3px margin won’t give you much white space. You can do it like this:

#footer .column {
float: left;
width: 16.6667%;
margin-left: 4.1667%;
}
#footer .column:first-child {
margin-left: 0;
}

At 60em width this gives you 5x 10em columns with 2.5em gutter.

[CarraraWebsiteSolutions]

Ok Thank you

[Author]

Posts