Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
docs : help : first item breaks grid
  • Loading branch information
desandro committed Nov 9, 2011
1 parent 52778c1 commit c5ec85f
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions _posts/docs/2011-05-30-help.mdown
Expand Up @@ -9,6 +9,7 @@ toc:
- { title: Additional resources, anchor: additional_resources }
- { title: Unloaded media and overlapping, anchor: unloaded_media_and_overlapping }
- { title: @font-face fonts, anchor: fontface_fonts }
- { title: First item breaks grid, anchor: first_item_breaks_grid }
- { title: Filtering, anchor: filtering }
- { title: Getting data, anchor: getting_data }
- { title: Other frameworks, anchor: other_frameworks }
Expand Down Expand Up @@ -115,6 +116,18 @@ Typekit.load({

{% endhighlight %}

## First item breaks grid

If you run into an issue where you re-size the first item, and all the rest of the items no longer fit together in the grid, you most likely need to set [`columnWidth` option](options.html#columnwidth). Without `columnWidth` set, Masonry will use the width of the first item for the size of its columns.

{% highlight javascript %}

$('#container').masonry({
columnWidth: 220
});

{% endhighlight %}

## Filtering

Filtering with Masonry is officially unsupported as of v2.0. Use [Isotope](http://isotope.metafizzy.co) instead. Isotope shares a majority Masonry's features. It also has additional powerful features like filtering and sorting built right in, so you probably won't be missing any functionality.
Expand Down

0 comments on commit c5ec85f

Please sign in to comment.