popravljena responsive velikost zemlejvida

o_nas.html

@@ -93,8 +93,18 @@
                     3212 Vojnik<br>
                     Slovenija
                 </i></p>
-        <iframe width="400px" height="350" src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343" style="border: 1px solid black"></iframe><br>
-        <small><a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">Prikaži večji zemljevid</a></small>
+        <iframe class="zemljevid"
+            src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343"
+            title="Lokacija restavracije">
+        </iframe>
+
+        <br>
+
+        <small>
+            <a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">
+                Prikaži večji zemljevid
+            </a>
+        </small>
         <br><br>
     </main>
     <footer>

stylesheet.css

@@ -856,6 +856,13 @@ footer p {
     font-weight: 700;
 }
 
+.zemljevid {
+    width: 400px;
+    max-width: 100%;
+    height: 350px;
+    border: 1px solid black;
+}
+
 /* tablica 600px do 1000px */
 @media (min-width: 600px) and (max-width: 1000px) {
     /* Navigacija ostane vidna in se po potrebi prelomi. */
@@ -904,6 +911,11 @@ footer p {
         flex-direction: column;
         align-items: stretch;
     }
+
+    .zemljevid {
+    width: calc(100% - 2rem);
+    height: 350px;
+    }
 }
 
 /* telefon do 600px */
@@ -1034,6 +1046,8 @@ footer p {
         flex-direction: column;
         align-items: stretch;
     }
+
+
 }
 
 /* dark mode, samo spremenjene spremenljivke css */