JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='header'>
  HOMER header 
</div>

<div class='iframe'>
  <iframe src="https://drive.google.com/file/d/1Nc561INyCiJ9QUHJoJVB_kfpPKs0yxsP/preview" allow="autoplay"></iframe>
  </div>


<div class='footer'>
  Homer footer
</div>

SCSS

html, body {
  height: 100%;
  margin: 0;
}
iframe {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  
  .ndfHFb-c4YZDc-bnBfGc.ndfHFb-c4YZDc-zTETae {
    background: white;
  }
  
  img {
    box-shadow: none;
  }
}
.iframe {
  margin: 0 auto;
  max-width: 1000px;
  height: calc(100% - 200px)
}
.header, .footer {
  padding: 40px;
  
}