JSFiddle - React, Tailwind, and code Playground

by codef0rmer

HTML

<div class='normal'><input type="text" placeholder="Type Here in iPad"></div>
    
<div class='scaled'><input type="text" placeholder="Type Here in iPad"></div>

CSS

.normal,.scaled {
    background: gray;
    padding: 30px;
}

.scaled {
     -webkit-transform: translate(0px, 0px) scale(0.5);   
}

input {
    width: 100%;
    height: 40px;
    font-size: 30px;
}