JSFiddle - React, Tailwind, and code Playground

by William Green

HTML

<div id="superContainer">
    <div id="stripeContainer"></div>
</div>

CSS

#superContainer {
    background-color:#eee;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

JavaScript

window.onload = function(){
    setStripes();
    window.onresize = function(){
        setStripes();
    };
};

function setStripes()
{
    var stripes = Math.floor(window.innerWidth/10);
    for(var i = 0; i != stripes.length; i++)
    {
         document.getElementById('stripeContainer').innerHTML += '<div class="stripe"></div>';   
    }
}