Need some CSS Help with this Grid (3 posts)

  1. JasonBeee
    Posted 4 years ago #

    Hey guys,


    I need some help with aligning this grid. It's supposed to have 4 blocks per line but as you can see, it get's messed up after the first one. Just wondering how to fix it.

    Any help is appreciated

  2. Michael Arestad
    Posted 4 years ago #

    Make this happen:

    .portfolio_grid_item, .blog_grid {
    width: 215px;
    float: left;
    display: inline;
    overflow: hidden;
    background: white;
    min-height: 325px;

    Your width is slightly to wide and the various heights were effing with your grid. The min-height should fix it. You can find s more invisible way to do this, but this works.

  3. JasonBeee
    Posted 4 years ago #

    This worked perfectly!

    I tried to add a border though to each individual item however and it's messing up again. I tried to compensate for the extra width and height that the border ads but it's still messing up again and not doing 4 per line. Any idea how to solve that without getting rid of the border?

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.