JSFiddle - React, Tailwind, and code Playground

by Csaba Hellinger

HTML

<div class="table">
  <div class="row">
    <main class="cell">main</main>
    <nav class="cell">nav</nav>
  </div>
</div>

CSS

.table {
  border: 1px solid red;
  display: table;
  width: 100%;  
}

.row {
  display: table-row;
  height: 400px;
}

.cell {
  display: table-cell;
  border: 1px solid blue;
}

main {
/*  width: 200px;*/
}

nav {
  width: 200px;
}