JSFiddle - React, Tailwind, and code Playground

by shanejones

HTML

<div class="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.5859529353656!2d0.046809299999993656!3d51.502465199999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a86282c7abc7%3A0x121095d83cb47790!2sLondon+Crispy+Bacon+Co+Ltd!5e0!3m2!1sen!2suk!4v1441191016199" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    
</div>

SCSS

.map {
    
    overflow: hidden;
    border-bottom-left-radius: 40px;
    width: 400px;
    height: 400px;
    
    iframe {
        width:100%
    }
    
}