JSFiddle - React, Tailwind, and code Playground

by NerfAnarchist

HTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
<div>adfsadsfasdfadsfasdf<div class="line"></div><button id="asdf">asdf</button></div>

CSS

body, html {
    margin: 0px;
    height: 100%;
    -webkit-text-size-adjust: none;
}

.line {
    width: 5px;
    height: 200px;
    background-color: #009900;
}

@media screen and (orientation: portrait) {
    html {
        /*position: relative;
        right: 56px;
        top: -56px;*/
        transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* IE 9 */
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
        -o-transform:rotate(90deg); /* Opera */
    }
}

JavaScript

// iphone lock rotation (NEEDS WORK)