Cara Membuat Responsive Maps (Google Maps) dengan CSS

 <style>

.map-responsive{

overflow:hidden;

padding-bottom:56.25%;

position:relative;

height:0;

}

</style>

<div class="map-responsive" style="left:0; top:0; height:100%; width:100%; position:absolute;"></div>

Kamu bisa merubah ketinggian map dengan merubah value padding-bottom misalnya menjadi 40%.

Trik ini saya dapatkan dari link berikut :

https://blog.duda.co/responsive-google-maps-for-your-website