Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
dankings

Responsive CSS Table Code

Question

Hello,

I have this table code that's responsive on another (non squarespace) site:

<table class="table_three_cols" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
</td>
<td>
</tbody>
</table>

But on SquareSpace the tables aren't responsive and the graphics get squashed... is there any way I can simply change the CSS so as the screen shrinks the table columns drop below each other?

Here's the page:

https://www.library.co.uk/new-page-2

Dan

 

Screenshot 2019-11-04 at 18.34.34.png

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Page with a responsive table: https://learnclub.co.uk/articles/table-test

The Table Code: 

<table class="table_three_cols" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<p align="center"><span style="font-size: xx-large;"><b>people</b></span></p>
<p align="center"><img src="/custom/Adjectives/astronaut-1.png" alt="astronaut" caption="false" width="280" height="294" /></p>
<p>&nbsp;</p>
<p align="center"><span style="font-size: xx-large;"><span style="color: #339900;"><b>astronaut</b></span></span></p>
</td>
<td>
<p align="center"><span style="font-size: xx-large;"><b>places</b></span></p>
<p align="center"><img src="/custom/Adjectives/moon-1.png" alt="moon" caption="false" width="278" height="292" /></p>
<p>&nbsp;</p>
<p align="center"><span style="font-size: xx-large;"><span style="color: #339900;"><b>planet</b></span></span></p>
</td>
<td>
<p align="center"><span style="font-size: xx-large;">and <b>things</b></span></p>
<p align="center"><img src="/custom/Adjectives/rocket-1.png" alt="rocket" caption="false" width="280" height="293" /></p>
<p>&nbsp;</p>
<p align="center"><span style="font-size: xx-large;"><span style="color: #339900;"><b>rocket</b></span></span></p>
</td>
</tr>
</tbody>
</table>

Edited by dankings

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...