WordPress.org

Forums

Need some CSS Help with this Grid (3 posts)

  1. JasonBeee
    Member
    Posted 3 years ago #

    Hey guys,

    http://www.whyihavenomoney.com/

    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
    Member
    Posted 3 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
    Member
    Posted 3 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

Tags

No tags yet.