mapa responsivo

app/css/text-fonts.css

@@ -28,4 +28,16 @@
     font-family: "PT Serif", serif;
     font-weight: 700;
     font-style: italic;
+}
+
+.tamano-mapa {
+    width: 600px;
+    height: 600px;
+}
+
+@media (max-width: 768px) {
+    .tamano-mapa {
+        width: 100%;
+        height: 300px;
+    }
 }

app/inc/pageHeader.php

@@ -1,4 +1,4 @@
-<header class="text-center pt-4 fs-1 fw-bolder md bg-black container
+<header class="text-center pt-4 fs-1 fw-bolder md bg-black container-lg
     ">
     <div class="row p-0 pt-serif-bold-italic">
         <h1 class="letra-titulo p-0 m-0">

app/index.php

@@ -14,7 +14,7 @@
 <div class="container-sm">
     <iframe
         src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4497.20846191439!2d-96.69804321280105!3d18.588168447314914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85c466d3cdf128d7%3A0xae1a2e7e88ee9fe4!2sInstituto%20Tecnol%C3%B3gico%20Superior%20de%20Zongolica%20Extensi%C3%B3n%20Tezonapa!5e0!3m2!1ses!2smx!4v1727721554751!5m2!1ses!2smx"
-        height="850" class="container-fluid p-0 m-0" allowfullscreen="" loading="lazy"
+        class="tamano-mapa p-0 m-0" allowfullscreen="" loading="lazy"
         referrerpolicy="no-referrer-when-downgrade"></iframe>
 </div>