JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<header class="header">
   <div class="header-left">
      left
   </div>
   <nav class="navigation">
      nav
   </nav>
   <div class="header-right">
      right
   </div>
</header>

CSS

.header {
  display: flex;
}

.header-left {
  background: red;
}
.navigation {
  background: blue;
  flex: 1 1;
}
.header-right {
  background: green;
}