how to add 3 contact addresses and 3 google maps side to side for my store on contact us cms page?

[poosangi]

Hello,

I have created a cms page and I want to place the 3 contact addresses and corresponding 3 google maps side to side on it.

Please let me know how is it possible?

 

Contact Address1:                                        Google Map1

Contact Address2:                                        Google Map2

Contact Address3:                                        Google Map3

[shacker]

edit the cms page, and create a table, and put the info. insert the maps with source code.  But you must enable allow iframe in preferences

 

this is an example of the source code in the cms page

 

<table style="height: 59px;" width="652">
<tbody>
<tr>
<td>Compaty info:</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d13133.519578983241!2d-58.432869882263184!3d-34.6198389167985!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2sus!4v1435896936686" width="400" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe></td>
</tr>
<tr>
<td>Compaty info:</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d13133.519578983241!2d-58.432869882263184!3d-34.6198389167985!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2sus!4v1435896936686" width="400" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe></td>
</tr>
<tr>
<td>Compaty info:</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d13133.519578983241!2d-58.432869882263184!3d-34.6198389167985!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2sus!4v1435896936686" width="400" height="300" frameborder="0" allowfullscreen="allowfullscreen"></iframe></td>
</tr>
</tbody>
</table>

[poosangi]

But how to make this table responsive?

I given <table style=width="100%"> still its not making its reponsive