JSFiddle - React, Tailwind, and code Playground
HTML
<div id="skewed"></div>
CSS
#skewed {
margin-top: 100px;
background-color: red;
height: 200px;
width: 100%;
transform: skewY(-10deg);
}
<div id="skewed"></div>
#skewed {
margin-top: 100px;
background-color: red;
height: 200px;
width: 100%;
transform: skewY(-10deg);
}