Simple Masonry CSS

masonry.css

    .masonry {
        display: flex;
        flex-flow: column wrap;
        max-height: 800px;
        margin-left: -8px; /* Adjustment for the gutter */
        width: 100%;
    }

        .masonry > div {
            margin: 0 8px 8px 0; /* Some gutter */
        }

    @@media only screen and (min-width: 1024px) {
        .masonry > div {
            width: 33.33333%;
        }
    }