How to make layout like notes in Google Keep using CSS?

Question

I'm making blog template. In article/post list, i want to create layout like this, i don't know what name this layout, it's like notes in android version of Google Keep

I try to create the layout using simple box div with css float:left but the result is like this, there is a leave blank space when box change line, and the next box start horizontally in new line

So, is anyone knows how to make layout like that without using two column of div? or maybe there is any javascript plugin to solve?

Answer 1

This is a javascript solution, but have you thought of using something like Isotope or Masonry? http://isotope.metafizzy.co/