JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!DOCTYPE html>
<html>
<body>

<header>
  <h1>some header</h1>
</header>

<div class="embed-responsive embed-responsive-test">
  <iframe class="embed-responsive-item" src="https://rc.pkb.io?team=some_team_code" allowfullscreen>
  </iframe>
</div>

<footer>
  <h1>some footer</h1>
</footer>

</body>
</html>

CSS

header {
  background-color: red;
}

footer {
  background-color: blue;
}

iframe {

}

.embed-responsive-test {
  padding-top: 626px;
}