Masonry is a grid layout based on columns. The term Masonry layout owes its name to the popular jQuery Masonry plugin. Masonry layout is also referred to as the Pinterest Style Layout.

Generating Masonry layouts involves some advanced calculations, so it is wise to use a plugin. For my own purposes I was looking for a lightweight alternative and I found two interesting plugin for generating Masonry layouts, with a wide range of features.

Salvattore is a library agnostic JS script that will help you organize your HTML elements according to the number of columns you specify, like jQuery Masonry.

https://github.com/rnmp/salvattore

Savvior is a Masonry alternative without CSS-driven configuration or absolute CSS positioning 

http://savvior.org

This is an easy way to make all of my existing blog posts full-width by default. All you have to do is add this code to your Theme Options in the custom css section:

.single-post .container:before {
display: none!important;
}
.single-post #left-area {
width: 100% !important;
}

.search-results .container:before {
display: none!important;
}
.search-results  #left-area {
width: 100% !important;
}

.search-no-results .container:before {
display: none!important;
}
.search-no-results  #left-area {
width: 100% !important;
}

.archive .container:before {
display: none!important;
}
.archive  #left-area {
width: 100% !important;
}

.page .container:before {
display: none!important;
}
.page #left-area {
width: 100% !important;
}