JSFiddle - React, Tailwind, and code Playground

by michananya

HTML

<div class='container'>
  <div class="box">111111111111111111111</div>
  <div class="box">222222222222</div>
  <div class="box">33333333333</div>
  <div class="box">444</div>
  <div class="box">55555555</div>
  <div class="box">666666666666</div>
</div>

CSS

html {
   height: 100%; 
}
body {
   height: 100%; 
   margin: 0;
}
.container {
  width: 100%;
  height: 75px;
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}

.box {
  padding: 10px;
  height: 53px;
  background: #f2f2f2;
  margin: 10px;
}