JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
<div class="col5">div1</div>
<div class="col5">div2</div>
<div class="col5">div3</div>
<div class="col5">div4</div>
<div class="col5">div5</div>
<div class="col5">div6</div>
<div class="col5">div7</div>
<div class="col5">div8</div>
<div class="col5">div9</div>
<div class="col5">div10</div>
<div class="col5">div11</div>
<div class="col5">div12</div>
<div class="col5">div13</div>
<div class="col5">div14</div>
<div class="col5">div15</div>
<div class="col1">div 16</div>
</div>
<div class="col-alt"><span>Div0</span></div>

CSS

*{
  margin:0;
}
.col-alt{
  float:right;
  width:28px;
  height:100vh;
  background:#fff;
  position:relative;
}
.col-alt > span{
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  display:block;
  position:absolute;
  top:10px;
  right:0;
}
.grid{
  width:calc(100% - 28px);
  height:auto;
  float:left;
}
.col5{
  width:calc(100% / 5);
  height:25vh;
  float:left;
}
.col1{
  width:100%;
  float:left;
  display:block;
  text-align:center;
  background:#fff;
  height:25vh;
}