JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main_div">    
        <div>Dummy Text Here </div>
        <input type="field" value="" name="" ></input>   
</div>

CSS

.main_div {
        width:200px;
        height:100px;
        background:red;
        margin-left:55px;
        margin-top: 25px;
        position:relative;
        -webkit-transform: skew(-30deg);         
}
.main_div > *{-webkit-transform: skew(30deg);}