JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapp-items">
    <ul>
        <li class="item1"></li>
        <li class="item2"></li>
        <li class="item3"></li>
        <li class="item4"></li>
    </ul>
</div>

CSS

div {width: 400px;}
li {display: inline-block;height: 30px;width: 30px;}
.item1 {background: red;}.item2 {background: yellow;}.item3 {background: green;}.item4 {background: grey;}

JavaScript

var blocks = [],
    item = $('li'),
    items = item.length,
    i = 0,
    result,
    winSize = $('div').width();

while ( i < items) {
    blocks.push(item);
    i++;
}

if (winSize < 700) {
    blocks[0].style.display = "none";
}

alert(winSize);