JSFiddle - React, Tailwind, and code Playground

by Branisalv Benkov

HTML

<table>
<thead>
<tr>
<th>Email</th>
<th>Degination</th>
<th>Team</th>
<th>Last Active</th>
<th>Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>alok@something.com</td>
<td>Manager</td>
<td>Sales</td>
<td>2022-06-20</td>
<td>India</td>
</tr>
<tr>
<td>amit@something.com</td>
<td>Manager</td>
<td>Sales</td>
<td>2022-06-19</td>
<td>USA</td>
</tr>
</tbody>
</table>

CSS

table {
  display: flex;
  align-items: center;
  justify-content: center;
}
tbody {
    display: block;
    flex-direction: row;
}
tr {
    display: flex;
    flex-direction: column;
}
table, tr, td {
  border: 1px solid red;
}
thead{
  display: none;
}