diff --git a/_posts/demos/2011-09-30-fluid-responsive.html b/_posts/demos/2011-09-30-fluid-responsive.html
new file mode 100644
index 0000000..bab2543
--- /dev/null
+++ b/_posts/demos/2011-09-30-fluid-responsive.html
@@ -0,0 +1,141 @@
+---
+title: Fluid / responsive
+layout: default
+category: demos
+---
+
+
+
+
+ This hack allows you to use percentage-based widths for item elements for fluid / responsive layouts.
+
+{% highlight javascript %}
+
+var $container = $('#container')
+// initialize Isotope
+$container.isotope({
+ // options...
+ resizable: false, // disable normal resizing
+ // set columnWidth to a percentage of container width
+ masonry: { columnWidth: $container.width() / 5 }
+});
+
+// update columnWidth on window resize
+$(window).smartresize(function(){
+ $container.isotope({
+ // update columnWidth to a percentage of container width
+ masonry: { columnWidth: $container.width() / 5 }
+ });
+});
+
+{% endhighlight %}
+
+
+
+
+
+ {% include filter-buttons.html %}
+
+ {% include sort-buttons.html %}
+
+ Etc
+
+
+
+
+
+
+ {% for elem_number in site.best_of_order %}
+ {% assign element = site.elements[elem_number] %}
+ {% include element-partial.html %}
+ {% endfor %}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/_posts/tests/2010-01-01-index.html b/_posts/tests/2010-01-01-index.html
index 58d2160..ccac568 100644
--- a/_posts/tests/2010-01-01-index.html
+++ b/_posts/tests/2010-01-01-index.html
@@ -8,7 +8,7 @@ is_index_page: true
\ No newline at end of file