Add "How to reposition thumbnail grid"

Author: fancyapps

docs/index.html

@@ -1136,9 +1136,9 @@ <h2 id="modules">Modules</h2>
 				</p>
 
 				<pre><code>$('[data-fancybox="images"]').fancybox({
-  thumbs : {
-    showOnStart : true
-  }
+	thumbs : {
+		showOnStart : true
+	}
 })</code></pre>
 				<p class="demo">
 					<a href="https://codepen.io/fancyapps/pen/RKKVVa?editors=1010" target="_blank">View demo on CodePen</a>
@@ -1275,6 +1275,15 @@ <h3>How to create custom button in the toolbar</h3>
 					<a href="http://codepen.io/fancyapps/pen/dNGapJ" target="_blank">View demo on CodePen</a>
 				</p>
 
+				<h3>How to reposition thumbnail grid</h3>
+
+				<p>
+					There is currenty no JS option to change thumbnail grid position.
+					But fancyBox is designed so that you can use CSS to change position or dimension for each block
+					(e.g., content area, caption or thumbnail grid).
+					This gives you freedom to completely change the look and feel of the modal window, if needed.
+					<a href="http://codepen.io/fancyapps/pen/vgRajd" target="_blank">View demo on CodePen</a>
+				</p>
 
 			</div>