JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parent'>
    some stuff in here
</div>

CSS

#parent {
    background-color: gray;      
    transform:skew(-30deg,0);
    -ms-transform:skew(-30deg,0); /* IE 9 */
    -moz-transform:skew(3-0deg,0); /* Firefox */
    -webkit-transform:skew(-30deg,0); /* Safari and Chrome */
    -o-transform:skew(-30deg,0); /* Opera */
}

#heading {
    transform:skew(30deg,0);
    -ms-transform:skew(30deg,0); /* IE 9 */
    -moz-transform:skew(30deg,0); /* Firefox */
    -webkit-transform:skew(30deg,0); /* Safari and Chrome */
    -o-transform:skew(30deg,0); /* Opera */   
}