Layout with multiple image sizes

[rubymused]

I'm trying to use Isotope with a layout that contains multiple image sizes laid out in rows and aligned with left/right margins, as in the attached image. It's easy to lay this out with a grid. Each image has a size class (small, medium, large), which corresponds to a certain number of columns wide. But Isotope doesn't play well with grid layout.

I can translate from grid layout to percentages, but is it possible to use Isotope with multiple sizes, and if so how? I haven't come across any examples.

Thank you.

[thesublimeobject]

@rubymused — Yes, it is possible. Take a look at the Masonry Layout.