Masonry Grid

Pinterest style layout.

Pure CSS Masonry Grid

1 normal lorem ipsum dolor sit amet, consectetur adipisicing elit.
2 image bg fpo lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita adipisci accusantium inventore quidem error veniam at quasi, dolorum corrupti alias recusandae quaerat eaque sit facere laborum ab voluptatum quae nostrum.
3 image-bg-random lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita adipisci accusantium inventore quidem error veniam at quasi, dolorum corrupti alias recusandae quaerat eaque sit facere laborum ab voluptatum quae nostrum.
4 circle color bg fpo lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eum similique sint vero vitae earum hic labore accusantium ad veritatis dolorum ab, eveniet id ex corporis, beatae omnis, voluptatibus soluta?
5 color bg random lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eum similique sint vero vitae earum hic labore accusantium ad veritatis dolorum ab, eveniet id ex corporis, beatae omnis, voluptatibus soluta?
6 image bg random lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eum similique sint vero vitae earum hic labore accusantium ad veritatis dolorum ab, eveniet id ex corporis, beatae omnis, voluptatibus soluta?
7 color bg random lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eum similique sint vero vitae earum hic labore accusantium ad veritatis dolorum ab, eveniet id ex corporis, beatae omnis, voluptatibus soluta?
8 image bg randome lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eum similique sint vero vitae earum hic labore accusantium ad veritatis dolorum ab, eveniet id ex corporis, beatae omnis, voluptatibus soluta?

The position classes are helpful for displaying content within a container.


   <p class="evo-color-0"></p>