Mapa con iframe

[Javier GF]

Buenas, toqueteando mi página puse hace tiempo un mapa con la localización de google a través de un iframe en la pestaña Contáctanos. Resulta que me ha dado por mirarlo y veo que es más grande de lo que debería, como se ve en la imagen se sobrepone a parte del texto de la derecha. La cuestión es que no consigo recordar ni dar con el archivo donde lo puse para retocar las medidas.

Alguién puede indicarme cómo averiguar la ruta donde está ubicado dicho iframe??

Gracias por adelantado.

[JuanjoG]

Veo que ya lo solucionastes.

[Javier GF]

No está solucionado, sigue ocupando el mapa parte del texto de contacto de la derecha.

[JuanjoG]

Yo lo veo bien en mi portatil

[JuanjoG]

Vale ya lo he visto el problema es que no es responsive, puedes hacerlo responsive con el siguiente código css :

 

.mx-auto {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* Ajusta este valor para mantener la proporción adecuada del mapa */
}

 

Edited May 24, 2023 by JuanjoG (see edit history)

[Javier GF]

Dónde se colocaría dicho código??

[JuanjoG]

Como añadiste el mapa hay?

Porque ya tienes creado una clase con un css, si sabes donde es es añadirle lo que te indique, o puedes añadirlo en css - styles.css

[Javier GF]

El problema sobre todo era que no me acordaba en qué archivo añadí el mapa.