Cómo visualizar tabla de Google Maps en Blogger para celular

marcelo12 · 13 Jun 2020

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

marcelo12 · 16 Jun 2020

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.
}

Gabrielt · 31 Jul 2020

Si quieres ayuda envíame MP

Programarte · 31 Jul 2020

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.
}

MarkBurns · 2020-08-01T09:30:39-0500

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

Cómo visualizar tabla de Google Maps en Blogger para celular

marcelo12

marcelo12

Gabrielt

Programarte

MarkBurns