JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>flexibles Layout</li>    
    <li>zwei verschieden breite Elemente</li>    
    <li>Zwischen- und Seitenabstände sollen gleich breit sein und sich 
        entsprechend der Fensterbreite anpassen</li>    
    </ul>
  <table width="100%" id="mytable">
    <tr>
      <td class="dist">same width</td>
      <td class="cnt1">large Element1 (200px)</td>
      <td class="dist">same width</td>
      <td class="cnt2" >Element 2 (160px) </td>
      <td class="dist">same width</td>
    </tr>
  </table>

CSS

#mytable td{
        white-space: nowrap;
        }
#mytable td.cnt1 {
    width:200px;
    background-color: fuchsia;
}
#mytable td.cnt2 {
    width:160px;
    background-color: silver;
}
#mytable td.dist {
    background-color: #ffeda0;
}