JSFiddle - React, Tailwind, and code Playground

HTML

Here are all your standalone HTML files presented on one page, ready to print!
<button>Expand iFrames</button>
<article class="first">
    <h1>File 1</h1>
    <iframe id="iframeOne" src="http://fiddle.jshell.net/FQpd7/4/show/"></iframe>
</article>
<article>
    <h1>File 2</h1>
    <iframe id="iframeTwo" src="http://fiddle.jshell.net/FQpd7/4/show/"></iframe>
</article>

CSS

iframe{
    height: 40px; 
    border: dotted 2px #555;
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    width: 60%;
    margin: auto;    
}
article {
    page-break-before: always;
}
article.first {
    page-break-before: avoid;
    
}

JavaScript

$(document).ready(function() {
iframeHeight =
    document.getElementById("iframeOne").contentWindow.document.body.clientHeight;

    
$("button").click(function() {
    document.getElementById("iframeOne").style.height = iframeHeight + "px";
    document.getElementById("iframeTwo").style.height = iframeHeight + "px";
});
    
});