compile JS

README.md

@@ -5,7 +5,7 @@ The grid is similar to grids on Google Image Search, flickr, shutterstock and Go
 
 Features:
 
- * responisve
+ * responsive
  * infinite scrolling
  * support for all modern browsers and IE >= 8
 
@@ -14,16 +14,16 @@ Check out the vanilla-js branch to use the version that doesn't require jQuery:
 [![Example Grid](http://brunjo.github.io/rowGrid.js/example.png)][2]
 
 Do you like this project? Follow me on Twitter [@3runjo][1].
- 
+
 ## How does it work?
 All items must have the **same height** but the **width can be variable**. RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element.
 At first rowGrid.js adjusts the margin between the items. If this is not enough rowGrid.js scales down the items.
- 
+
 ## Demos & Examples
 Examples with explanation: http://brunjo.github.io/rowGrid.js/
 
 Real world example: http://www.pexels.com/
- 
+
 ## Installation
 RowGrid.js requires jQuery 1.7 or above.
 ```HTML
@@ -64,7 +64,7 @@ $(".container").rowGrid("appended");
 ```JS
 $(".container").rowGrid({
  itemSelector: ".item"
- minMargin: 10, 
+ minMargin: 10,
  maxMargin: 35,
  resize: true,
  lastRowClass: "last-row",

bower.json

@@ -1,7 +1,7 @@
 {
  "name": "rowGrid.js",
  "description": "A small, lightweight jQuery plugin for placing items in straight rows",
- "version": "1.0.3",
+ "version": "1.0.4",
  "license": "MIT",
  "authors": [
  { "name": "Bruno Joseph", "email": "[email protected]"," homepage": "http://brunojoseph.com" }

example/index.html

@@ -7,15 +7,15 @@
  /* clearfix because of floats */
  .container:before,
  .container:after {
-  content: "";
-  display: table;
+ content: "";
+ display: table;
  }
  .container:after {
-  clear: both;
+ clear: both;
  }
  .item {
  float: left;
- margin-bottom: 15px; 
+ margin-bottom: 15px;
  }
  .item img {
  max-width: 100%;
@@ -169,12 +169,6 @@ <h1><a href="https://github.com/brunjo/rowGrid.js">rowGrid.js Example</a></h1>
  <div class="item">
  <img src="http://lorempixel.com/190/200?20" width="190" height="200" />
  </div>
- <div class="item">
- <img src="http://lorempixel.com/260/200?21" width="260" height="200" />
- </div>
- <div class="item">
- <img src="http://lorempixel.com/220/200?22" width="220" height="200" />
- </div>
  </div>
 </body>
 </html>