Siteye gömülen harita ya da takvimi responsive nasıl ederim?

Yapılacak şey çok kolaymış aslında. Aşağıdaki kodları css dosyanızda münasip bir yere ekleyin önce.

/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Daha sonra iframe’i nereye ekleyecekseniz, önce aşağıdaki div’i ekleyin. iFrame kodlarını ise bu div’in içine ekleyin.

<!-- Responsive iFrame -->
<div class="responsive-iframe-container"></div>

Her şey bu kadar!