Grow your CSS skills. Land your dream job.

Columns Look Bunched Up

  • # May 29, 2013 at 8:08 am

    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

    # May 29, 2013 at 11:40 am

    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.

    # May 29, 2013 at 6:50 pm

    Ok Thank you

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".