JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class=p><td>postupující tým 1<td>123
  <tr class=p2><td>postupující tým 2<td>123
  <tr class=p><td>postupující tým 3<td>123
  <tr class=p2><td>postupující tým 4<td>123
  <tr class=p><td>postupující tým 5<td>123
  <tr class=b><td>baráž tým 1<td>123
  <tr class=b2><td>baráž tým 2<td>123
  <tr class=b><td>baráž tým 3<td>123
  <tr class=b2><td>baráž tým 4<td>123
  <tr class=n><td>nepostupující tým 1<td>123
  <tr class=n2><td>nepostupující tým 2<td>123
  <tr class=n><td>nepostupující tým 3<td>123
  <tr class=n2><td>nepostupující tým 4<td>123
</table>

CSS

table {
  border-collapse: collapse;
  border: 3px solid #555;
}
td {
  border-bottom: 1px solid #333;
  padding: 2px 20px 4px
}.p {background: #BCE7BB}
.p2 {background: #CAECC9}
.b {background: #CCD7F0}
.b2 {background: #D8E0F3}
.n {background: #FED2C9}
.n2 {background: #FDDCD5}