JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="wrapper">
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div class="test">TEST</div>
  <div...

CSS

html,
body {
  height: 100%;
  margin:0;
}
.wrapper {
  display:flex;
  border:1px solid #eee;
  height:100%;
  flex-direction: column;
  flex-wrap: wrap;
}
.test {
  background: #888;
  margin: 5px;
  width:100px;
}