Table CSS Issue for Mobile Page
Hi, I have created a table and a stylesheet. I insert the HTML into Muse and the stylesheet in assets. For the desktop version of my site, this works perfectly. However, the same code does not work for the mobile version of my page. I have not published my site and am testing in my browser locally. The code:
<head>
<meta charset="utf-8" />
<title>Team_Building_Pricing_Structure</title>
<link href="assets/escprice.css" rel="stylesheet" type="text/css" />
</head>
<body id="Team_Building_Pricing_Structure" lang="en-GB">
<div id="_idContainer000" class="Basic-Text-Frame">
<table id="table001" class="Basic-Table">
<colgroup>
<col class="_idGenTableRowColumn-1" />
<col class="_idGenTableRowColumn-1" />
<col class="_idGenTableRowColumn-1" />
<col class="_idGenTableRowColumn-1" />
<col class="_idGenTableRowColumn-1" />
<col class="_idGenTableRowColumn-1" />
</colgroup>
<tbody>
<tr class="Basic-Table _idGenTableRowColumn-2">
<td class="Basic-Table CellOverride-1">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-1">Group size </span></p>
</td>
<td class="Basic-Table CellOverride-2">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">9+</span></p>
</td>
<td class="Basic-Table CellOverride-2">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">12+</span></p>
</td>
<td class="Basic-Table CellOverride-2">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">15+</span></p>
</td>
<td class="Basic-Table CellOverride-2">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">20+</span></p>
</td>
<td class="Basic-Table CellOverride-2">
<p class="Basic-Paragraph ParaOverride-1"><span class="CharOverride-2">25-30</span></p>
</td>
</tr>
<tr class="Basic-Table _idGenTableRowColumn-2">
<td class="Basic-Table CellOverride-3">
<p class="Basic-Paragraph ParaOverride-2"><span class="CharOverride-3">Price (£)</span></p>
</td>
<td class="Basic-Table CellOverride-4">
<p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">375 </span></p>
</td>
<td class="Basic-Table CellOverride-5">
<p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">425</span></p>
</td>
<td class="Basic-Table CellOverride-5">
<p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">475</span></p>
</td>
<td class="Basic-Table CellOverride-5">
<p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">525</span></p>
</td>
<td class="Basic-Table CellOverride-5">
<p class="Basic-Paragraph ParaOverride-3"><span class="CharOverride-4">575</span></p>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Any help would be much appreciated, I cannot find any other information relating to my issue.
AdChoices