JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="container">
        <div id="wrapper">
            <div id="lw"></div>
            <div class="lW" style="width:10px;"></div>
            <div class="lW" style="width:20px;"></div>
            <div class="lW" style="width:30px;"></div>
            <div class="lW" style="width:40px;"></div>
            <div class="lW" style="width:50px;"></div>
            <div class="lW" style="width:60px;"></div>
            <div class="lW" style="width:70px;"></div>
            <div class="lW" style="width:80px;"></div>
            <div class="lW" style="width:90px;"></div>
            <div class="lW" style="width:100px;"></div>
            <div class="lW" style="width:110px;"></div>
            <div class="lW" style="width:120px;"></div>
            <div class="lW" style="width:130px;"></div>
            <div class="lW" style="width:140px;"></div>
            <div class="lW" style="width:150px;"></div>
            <div class="lW" style="width:160px;"></div>
            <div class="lW" style="width:170px;"></div>
            <div class="lW" style="width:180px;"></div>
            <div class="lW" style="width:190px;"></div>
            <div class="lW" style="width:200px;"></div>
            <div class="lW" style="width:210px;"></div>
            <div class="lW" style="width:220px;"></div>
            <div class="lW" style="width:230px;"></div>
            <div class="lW" style="width:240px;"></div>
            <div class="lW" style="width:250px;"></div>
            <div class="lW" style="width:260px;"></div>
            <div class="lW" style="width:270px;"></div>
            <div class="lW" style="width:280px;"></div>
            <div class="lW" style="width:290px;"></div>
            <div class="lW" style="width:300px;"></div>
            <div class="lW" style="width:310px;"></div>
            <div class="lW" style="width:320px;"></div>
            <div class="lW" style="width:330px;"></div>
            <div class="lW" style="width:340px;"></div>
           ...

CSS

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
p {
    text-align: justify;
}
#container {
    width: 700px;
    margin: 0 auto;
}
#wrapper {
    background: #DDD;
}
#lw {
    border-left: 10px solid #EA2;
    margin-left: -10px;
    height: calc(100% - 70px); <-------------THIS IS NOT WORKING min-height: 1px;
    float: left;
    clear: left;
}
.lW {
    height: 1px;
    float: left;
    clear: left;
}
#wrapper div:nth-child(odd) {
    border-left: 10px solid #EA2;
    margin-left: -10px;
}
#wrapper div:nth-child(even) {
    border-left: 10px solid #FFA;
    margin-left: -10px;
}