Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

docs : help : first item breaks grid

Fixes #142
  • Loading branch information...
commit c5ec85f9fc45628d714eb6788aead042f5381f2a 1 parent 52778c1
@desandro desandro authored
Showing with 13 additions and 0 deletions.
  1. +13 −0 _posts/docs/2011-05-30-help.mdown
View
13 _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.
Please sign in to comment.
Something went wrong with that request. Please try again.