Ya…but you used transformed a card component where the data lives on two rows. I’m looking for a solution where the data lives on the same row…so I can’t use a collection. I’m also using Pages…so I need custom HTML with inline CSS most likely.
1 Like
If you made that top row a 3 column HTML table, you could eliminate the text wrapping, yeah?
Probably. I’ll try that over a flexbox.
Please post your final result when you get there
This doesn’t look half bad:
<table class="tg" style=" width:100%;text-align:center;">
<thead>
<tr>
<td style="width:25%;"><img src="[i1]" width="75px;"></td>
<td style="width:50%;font-size:34px; font-weight:700;">[vs] - [hs]</td>
<td style="width:25%;"><img src="[i2]" width="75px;"></td>
</tr>
</thead>
</table>
6 Likes