JSFiddle - React, Tailwind, and code Playground
HTML
<div class="rr"></div>
CSS
.rr {
width: 200px;
height: 100px;
background: magenta;
transform: skewX(-20deg);
}
<div class="rr"></div>
.rr {
width: 200px;
height: 100px;
background: magenta;
transform: skewX(-20deg);
}