JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr><td class="col1"></td><td class="col2"></td><td class="col3"></td></tr>
</table>

CSS

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
td {
  padding: 20px;
}
.col1 {
  background-color: gray;
  width: 70%;
}
.col2 {
  background-color: red;
  width: 10%;
  max-width: 400px;
  min-width: 400px;
}
.col3 {
  background-color: green;
  width: 20%;
}