JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  Mon Header
</header>
<div class="site">
  <nav class="left">
    <p>
      Menu à gauche
    </p>
    <ul>
      <li><a href="#">Lien 1</a></li>
      <li><a href="#">Lien 2</a></li>
    </ul>
  </nav>
  <main>
    contenu principal
  </main>
  <nav class="right">
  <p>
    Menu à droite
  </p>
   <ul>
     <li><a href="#">Lien 1</a></li>
     <li><a href="#">Lien 2</a></li>
   </ul>
  </nav>
</div>
<footer>
  Mon footer
</footer>

CSS

header{
  border: 1px solid green;
}

footer{
  border: 1px solid red;
}

.site{
  display: flex;
  justify-content: space-between;
  border: 1px solid blue;
}

.left{
  border: 1px solid yellow;
  min-width: 250px; /* si besoin, la largeur devrait être déterminée par le contenu */
}

.right{
  border: 1px solid pink; 
  min-width: 250px;
}