Permalink
Browse files

docs : help : first item breaks grid

Fixes #142
  • Loading branch information...
1 parent 52778c1 commit c5ec85f9fc45628d714eb6788aead042f5381f2a @desandro desandro committed Nov 9, 2011
Showing with 13 additions and 0 deletions.
  1. +13 −0 _posts/docs/2011-05-30-help.mdown
@@ -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 }
@@ -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.

0 comments on commit c5ec85f

Please sign in to comment.