Como visualizar tabela do Google Maps no Blogger para celular

Muy buenas, tengo ya comenzada una web donde uso una tabla de 2 columnas, una texto y la otra un iframe de google maps, el problema tal cual muestra la
imagen es que no se visualiza en celular queda todo muy mal, aclaro que es en la plataforma Blogger, agradezco me den alguna idea de que hacer para solucionarlo.
Gracias
Saludos

Me facilitaron esto, pero no sabría implementarlo y no responde quien me lo paso, recuerden que es la plataforma Blogger.
Debo colocar esto en estilos o directamente en el editor del articulo? Agradezco ayuda

<div class="Class1">
<div class="Table">
..
</div>
<div class="GoogleMaps">
..
</div>
</div>

// css

.Class1
{
display: block;

// or use display: flex, idr.
}

Clique para expandir...

Si quieres ayuda envíame MP

Efectivamente tiene que estar hecho con DIV y no con tablas, solo que no uso Blogger por lo que no sé exactamente dónde debes implementarlo. No sé cómo fue la idea del que te lo pasó pero se ve un poco incompleto y una parte de eso va en la hoja de estilos y lo demás es HTML

Esto es HTML
<div class="Class1">
<div class="Table">
..
</div>
<div class="GoogleMaps">
..
</div>
</div>


Esto va en la hoja de estilos pero no está definida la clase Table ni GoogleMaps
.Class1
{
display: block;

// or use display: flex, idr.
}

En movil (responsive) es mejor no usar filas con más de un bloque. En este caso tienes 2.


para móvil es mejor usar display:flex y flex-direction: column