ZlateTheodor
1/18/2017 - 9:32 AM

google maps responsive

google maps responsive

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
        <div class="google-maps">
            <iframe
                width="100%"
                height="215"
                frameborder="0" style="border:0"
                src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB1yPVPn7_iURwUxEHmBk_lHjJNppjccQ0&q=Perfectbike.ro" allowfullscreen>
            </iframe>
        </div>