JSFiddle - React, Tailwind, and code Playground
Cube Test2
by MegaScience
HTML
<div style="display: inline-block; font-family: Arial; font-size: 11px;">
<table style="position: relative; border-collapse: collapse; color: #335c85; margin-bottom: 0; table-layout: fixed; max-width: 1px;">
<colgroup>
<col style="background: #D1EEFE;"/>
<col span="7" style="background: white;"/>
</colgroup>
<thead>
<tr style="background: linear-gradient(#567D9B, #183D7B); font-weight: bold; color: white; text-align: center;">
<td style="background: linear-gradient(#5B779D, #27405F);"><img style="position: absolute; left: 5px; bottom: 0px;" src="http://i.imgur.com/JSJCHor.png?1" alt="Bing"/></td>
<td style="vertical-align: middle;">Master Craftsman's Cube</td>
<td style="vertical-align: middle;">Meister's Cube</td>
<td style="vertical-align: middle;">Red Cube</td>
<td style="vertical-align: middle;">Black Cube</td>
<td style="vertical-align: middle;">Bonus Potential Cube</td>
<td style="vertical-align: middle;">Violet Cube</td>
<td style="vertical-align: middle;">White Cube</td>
</tr>
</thead>
<tbody>
<tr style="text-align: center;">
<td style="border: 1px solid grey;"></td>
<td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/b0UZPiX.png" alt="Master Craftsman's Cube"/></td>
<td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/I88tFNA.png" alt="Meister's Cube"/></td>
<td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/0QxLP2w.png" alt="Red Cube"/></td>
<td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/5Dkrick.png" alt="Black Cube"/></td>
<td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/4x3mwTu.png"...