JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="element">1</div>
    <div>2</div>
    <div class="element">3</div>
    <div>4</div>
</div>

CSS

#wrapper{width:300px;height:300px;background-color:#aaa;margin-left:auto;margin-right:auto;
    display: flex;
    flex-wrap:wrap;
    flex-direction:column;
    align-content:flex-start; 
}
#wrapper div{width:140px;height:50px;background-color:#111;color:#fff;margin:5px;}
#wrapper .element{min-height:100px;}

JavaScript

var wrapper = document.getElementById("wrapper");
var elem = wrapper.getElementsByTagName("div");

for(var index in elem) { 
    if(elem.hasOwnProperty(index)) {
        var single = elem[index];
        single.addEventListener("click", function(){
            this.style.display = 'none';
        }, false);
    }
};