JSFiddle - React, Tailwind, and code Playground

by Jacob Pearlstein

HTML

<div class="sightmap-container">
      <iframe class="resp-iframe" src="https://sightmap.com/embed/e8ywkn6wlxr" allowfullscreen></iframe>
    </div>

CSS

.sightmap-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width:767px) {
iframe{height:450px;}
}

JavaScript

//No JavaScript required

var API_KEY= '111';