JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<img src="http://webfro.gs/south/dev/cloud/images/iphone-5.png" style="margin: 15px auto;" />
    	<div class="iphone5">
            <iframe style="float: left; width: 320px; height: 564px; margin: 134px 0 0 32px; overflow-y: hidden;" src="http://webfro.gs/demo/PoundOutCancer/" scrolling="no"></iframe>
        </div>

	<img src="http://webfro.gs/south/dev/cloud/images/iphone-5.png" style="margin: 15px auto;" />
    	<div class="iphone5">
            <iframe style="width: 320px; height: 564px; margin: 134px 0 0 32px; overflow-y: hidden;" src="http://webfro.gs/south/tour3579/military.html" scrolling="no"></iframe>
        </div>

CSS

.iphone5 {
    background-image: url("http://webfro.gs/south/dev/cloud/images/iphone5_hollow_834x380_upright.png");
    background-repeat: no-repeat;
    height: 834px;
    width: 380px;
    margin: 20px auto 30px;
    position: relative;
}

iframe { overflow: hidden; }