JSFiddle - React, Tailwind, and code Playground

by Bart Kalisz

HTML

<h1>
test
</h1>
<div class="preview">
  <iframe src="https://www.templatemonster.com/demo/81170.html"></iframe>
</div>

<div class="preview">
  <iframe src="https://wundertest-002.blog/"></iframe>  
</div>

SCSS

body {
  padding: 0;
  margin: 0;
}

.preview {
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}

.preview > iframe {
  transform: scale(0.3);
  margin-left: -35%;
  margin-top: -35%;
  position: absolute;
  width: 1000px;
  height: 1000px;
  border: 2px solid black;
  pointer-events: none;
}

.preview + .preview {
  left: 300px;
}

JavaScript

const iframes = document.queryElementByTagName('iframe');