Hallo zusammen,
irgendwie habe ich eine Blockade. Ich habe Google Maps in eine Webseite integriert und möchte sie nun über Media-Querys responsive machen. Die Struktur ist in eine Div gebettet, das eine Classe "maps" hat.
<div class="maps">
<iframe src="https://www.google.com/maps/embed? usw. ... </iframe>
</div>
Ich möchte, dass die eingebettete Map sich bei kleinen Bildschirmen, z.Bsp. @media(max-width: 900px){ }, so verkleinert, dass sie die ganze Bildschirmbreite mit einem Padding von 15px einnimmt.
Jetzt probiere ich schon ewig rum, habe auch schon im Web gegooglet und wenig probate Ratschläge erhalten. Kann mir jemand helfen?