JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div class="page">
    <div class="instagram">
        <iframe src="https://instagram.com/p/12slNWyzBX/embed" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
    </div>
</div>

CSS

.page {
    width: 100%;
}
.instagram {
    padding-bottom: calc(100% + 88px);
    position: relative;
    width: 100%;
}
.instagram iframe {
    height: 100%!important;
    position: absolute;
    width: 100%!important;
}