JSFiddle - React, Tailwind, and code Playground

HTML

<div class="device-tablet-portrait">
<div class="device ">
<iframe src="https://example.com"> 
   <a href="htt">Lorem ipsum </a> 
</iframe>   
</div>  
</div>

CSS

.device-tablet-portrait {
    height: 972px;
    left: 5%;
    top: 15%;
    width: 1000px;

	background:#ff0000;
}
.device {
    display: block;
    overflow: hidden;
    position: absolute;
    transform: scale(0.5);
    transform-origin: left top 0;
}