JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">Blok 1</div>
<div  class="two">Blok 2</div>
<div  class="three">Blok 3</div>
<div  class="four">Blok 4</div>
<div  class="five">Blok 5</div>

CSS

.one {background:red;}
.two {background:yellow;}
.three {background:blue;}
.four {background:green;}
.five {background:grey;}

div {
    width:20%;
    float:left;
}

@media all and (max-width: 900px) {
    .five {
        display:none;
    }
    div {
        width:25%;
    }
}

@media all and (max-width: 600px) {
    .five, .four {
        display:none;
    }
    div {
        width:33.333%;
    }
}