JSFiddle - React, Tailwind, and code Playground

by lukerichison

HTML

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<div class="container">
  <iframe class="responsive-iframe" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTw-p4579zEwfxEnl_vX3ZPdsJ2hK6UC9bMoJBgtOBpZQDp9AQYLVGMuOwt5nncQ5WLTshlAvB67JPY/pubchart?oid=429299853&format=interactive"></iframe>
</div>

CSS

.container {
  position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe {
  position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}