app/assets/stylesheets/masonry.css.scss

masonry.css.scss

article {
  margin: 0 auto;
  height: 100%;
}

article > ul {
  width: 310px; //　iphone4sに合わせて310pxとした
  margin: 5px;
  overflow: hidden;
  list-style-type: none;
  padding-left: 6px;
}

.alignleft { float: left; }

.tile1 {
  height: 100px;
  background:#68BCBC;
}

.tile2 {
  height: 200px;
  background:#71AAD7;
}

.tile3 {
  height: 300px;
  background:#EBB056;
}