JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabViewWindow">
    <iframe></iframe>
</div>
<br />
<br />
<a href="http://wolfram.com">Wolfram.com</a>
<br />
<br />
<a href="http://wikipedia.org">Wikipedia.org</a>
<br />
<br />
<a href="http://google.com">Google.com</a>
<br />
<br />



</html>

CSS

html, body{
        height:100%;
        width:100%;
        margin:0;
        padding:0;
    }
    #tabViewWindow{
        height:100%;
        height:100vh;
        width:100%;
        width:100vw;
        position:absolute;
        background:#000000;
        display:none;
        left:0;
        top:0;
        z-index:10000000000000000;
    }
    embed, object, iframe, img{
        max-width:100%;
        margin:0 auto;
        display:block;
    }
    object{
        height:100%;
        width:100%;
    }

JavaScript

$('a').click(function(event){
    event.preventDefault();
    $('#tabViewWindow').show();
    $('#tabViewWindow iframe').attr('src', $(this).attr('href'));
});