JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/louisremi/jquery.transform.js/master/jquery.transform2d.js"></script>
<div id="reportContainer">
			<div id="zoomMe">
				<div id="content1" class="fillerBox">&nbsp;</div>
				<div id="content2" class="fillerBox">&nbsp;</div>
				<div id="content3" class="fillerBox">&nbsp;</div>
				<div id="content4" class="fillerBox">&nbsp;</div>
				<div id="content5" class="fillerBox">&nbsp;</div>
			</div>
		</div>

CSS

#reportContainer { margin: 0;padding:15px;overflow-y:scroll;overflow-x:hidden; border:2px solid black;}

.fillerBox { background-color:#ccc;border:1px dashed #000;height:1500px;width:910px;margin:0 auto;margin-bottom:30px; }

JavaScript

$("#reportContainer").height($(window).height()-50);

$("#zoomMe").css('transform', 'scale(.50)' );