Forums

Give help. Get help.

  • Abz
    # June 25, 2013 at 8:09 pm

    Hey,

    I’ve using the grid that Chris wrote about on this site.

    its working fine but with one problem. I have 4 columns with a div element and with an image.

    all columns have a padding right except the last one.

    If you look at http://codepen.io/anon/pen/mtgAI

    the right div is bigger.

    the last column is now bigger. Any ways to get around this?

    Thank you :)

    # June 25, 2013 at 8:27 pm

    This is your issue:

    [class*=’col-‘]:last-of-type
    {
    padding-right: 0px;
    }

    Abz
    # June 26, 2013 at 3:08 am

    I know what the issue is, the module ive used is “.work”. Just wondering if there’s any way around this?

    Abz
    # June 26, 2013 at 4:37 am

    I’ve added
    [class*=’col-‘] {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    }

    and removed

    [class*=’col-‘]:last-of-type {
    padding-right: 0px;
    }

    which works :)

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag