<pclass="question__answer">The algorithm used to place items does not keep track of empty space nor try to fill them. If you require this functionality, I suggest <atarget="_blank"href="http://packery.metafizzy.co/">packery</a>.</p>
<pclass="question__answer">If the size of your items are dependent on images, they can overlap if shuffle is initialized before all the images have loaded. Check out <ahref="{{ site.baseurl }}{% post_url 2013-05-03-images %}">this demo</a> to see how to fix it.</p>
<p>They are <em>very</em> similar, but I think Shuffle's filtering and sorting are easier to customize, which is the main reason I created this plugin. Isotope has a much larger community, is battle-tested, and has many stackoverflow answers.</p>
<h3class="question__title">Padding isn’t working on the shuffle element.</h3>
<pclass="question__answer">The padding is ignored by Shuffle because it creates complexities with absolute positioning the shuffle-items when they have a percentage width as well as setting the height of the shuffle container because of box-sizing. To fix this, wrap the shuffle element in another element which has the padding on it.</p>
<h3class="question__title">Can the columns be centered?</h3>
<pclass="question__answer">Nope. Shuffle is heavily based on columns for layout. You can add “empty” items to achieve a similar effect.</p>
<pclass="question__answer">Try looking at the javascript files for the demos or searching the issues <ahref="https://github.com/Vestride/Shuffle/issues">on GitHub</a>.</p>