tom

by austinpray

HTML

<div class="papa">
    <div>
        <table>
            <thead>
               <tr>
                 <th>Ayy</th><th>Lmao</th>
               </tr>
            </thead>
        </table>
    </div>
    <div>
        <table>
            <tbody>
                <tr>
                  <td>Wobulation</td><td>100</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

CSS

table {
  background: blue;
  color: white;
  border-collapse: collapse;
  border: 3px solid purple;
}
td, th {
  border-collapse: collapse;
  border: 3px solid purple;
}

.papa {
  display: flex;
  flex-direction: column;
  max-width: 30em;
  margin: 0 auto;
}

.papa table {
  width: 100%;
}
.papa tr {
  display: flex;
}
.papa th, .papa td {
  flex: 1;
}