JSFiddle - React, Tailwind, and code Playground

by Aleksandr Zidyganov

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iFrame message passing test</title>
    <meta name="description" content="iFrame message passing test" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style>
    	body {
    		margin: 0;
    	}
    </style>
  </head>
  <body>
  	<h2 style="margin: 0">Some page </h2>
  	<h2 style="margin: 0">Some page </h2>
  	<h2 style="margin: 0">Some page </h2>
  	<h2 style="margin: 0">Some page </h2>
    <iframe src="https://zv-demo.netlify.app" width="100%" scrolling="no" frameborder="0" style="vertical-align: top" ></iframe>

    <script type="text/javascript" src="https://unpkg.com/[email protected]/js/iframeResizer.min.js"></script>
    <script type="text/javascript">
      iFrameResize({
        enablePublicMethods     : true, 
        heightCalculationMethod : 'taggedElement',
      })
    </script>
  </body>
</html>