The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Freetile, mansory, isotope or column-count always result in gaps.

  • # April 24, 2013 at 6:06 am

    Hi all,

    I’ve been strugeling for ages now. im searching a perfect way to get a grid layout with variable hights and widths.
    but whatever i try i always get a missing hole.

    See for example:
    when you scale it down you always get this result:

    Why can’t 6 fill up the hole.
    The only way to solve is to randomize the sort order. but thats just unlogical for a blog. i don’t mind switching 5 and 6.
    but starting with 9 and ending up with 1 is just not the way.

    I also tried it with mansory.

    not so nice:

    # April 24, 2013 at 6:14 am

    That’s just the way floats work I’m afraid. Don’t think there is much you can do about it.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed