JSFiddle - React, Tailwind, and code Playground

by Bianca Kuehweidner

HTML

<div class="container">
  <div class="row header">
  
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
    <div class="cell data">h1</div>
    <div class="cell data">h1</div>
    <div class="cell data">h1</div>
    <div class="cell data">h1</div>
    <div class="cell">h1</div>
    <div class="cell">h1</div>
  
  </div>
    <div class="row">

      <div class="cell">1et dsdf tqwedaf </div>
      <div class="cell">twewet1</div>
      <div class="cell">1asdf</div>
      <div class="cell">cadc</div>
      <div class="cell">dg sf</div>
      <div class="cell">sdf</div>
      <div class="cell">3432</div>
      <div class="cell">asd</div>
      <div class="cell data">1232</div>
      <div class="cell data">546</div>
      <div class="cell data">3432</div>
      <div class="cell data">asd</div>
      <div class="cell">1232</div>
      <div class="cell">546</div>

    </div>
    <div class="row">

      <div class="cell">1et dsdf tqwedaf </div>
      <div class="cell">twewet1</div>
      <div class="cell">1asdf</div>
      <div class="cell">cadc</div>
      <div class="cell">dg sf</div>
      <div class="cell">sdf</div>
      <div class="cell">3432</div>
      <div class="cell">asd</div>
      <div class="cell data">1232</div>
      <div class="cell data">546</div>
      <div class="cell data">3432</div>
      <div class="cell data">asd</div>
      <div class="cell">1232</div>
      <div class="cell">546</div>

    </div>
    <div class="row">

      <div class="cell">1et dsdf tqwedaf </div>
      <div class="cell">twewet1</div>
      <div class="cell">1asdf</div>
      <div class="cell">cadc</div>
      <div class="cell">dg sf</div>
      <div class="cell">sdf</div>
      <div class="cell">3432</div>
      <div class="cell">asd</div>
      <div class="cell data">1232</div>
  ...

CSS

.container { width: 300px; }
.header { background-color: #ccc; }
.row    { display: table-row; }
.cell   { display: table-cell; border: solid 1px #ccc; }
.tbody { display:block; height: 80px; overflow:auto; }