This is what I’ve just used.
The table in the <body> on the HTML doc:
<!--table-->
<div class="content-text section" style="padding-top: 0px; padding-bottom: 1vh; margin-top: 1rem; width:870px; max-width: 100%;">
<!--<div class="scroll-container scroll-x">-->
<div style="clear: both;">
<div class="scroll-container">
<div class="content-2 section " style="margin-top: 1px">
<div>
<table class="brand-p1" style= "margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; border-collapse: collapse; background-color:transparent; font-size: 13px; width:870px; max-width: 100%;">
<tr>
<th colspan="8" style="border: 1px solid #878681;background-color:transparent;font-size: 15px;"><strong>Regulation Lacrosse Ball Dimensions & Properties Recap</strong></th></tr>
<tr style=" border: 1px solid #878681;background-color:transparent; font-size: 14px;">
<th style="border: 1px solid #878681;background-color:transparent;">Width</th>
<th style="border: 1px solid #878681;background-color:transparent;">Radius</th>
<th style="border: 1px solid #878681;background-color:transparent;">Weight</th>
<th style="border: 1px solid #878681;background-color:transparent;">Colour</th>
<th style="border: 1px solid #878681;background-color:transparent;">Material</th>
</tr>
<tr style=" border: 1px solid #878681;background-color:transparent;">
<td style="border: 1px solid #878681;background-color:transparent; ">7.75 - 8 inches (19.69 - 20.32cm)</td>
<td style="border: 1px solid #878681;background-color:transparent; ">2.47 -2.55 inches (6.27 - 6.47cm)</td>
<td style="border: 1px solid #878681;background-color:transparent; ">5.0 -5.25 oz (141.75 - 155.92g)</td>
<td style="border: 1px solid #878681;background-color:transparent; ">White, Yellow or Orange</td>
<td style="border: 1px solid #878681;background-color:transparent; ">Vulcanised rubber</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<!--table--> And then this CSS:
<style>
/* Default - For larger screens */
.scroll-container {
overflow-x: hidden;
}
/* For screens with a max-width of 600px */
@media screen and (max-width: 600px) {
.scroll-container {
overflow-x: scroll;
}
}
</style> 
