JSFiddle - React, Tailwind, and code Playground

HTML

<div id="trapezoid"></div>

CSS

#trapezoid {
        border-bottom: 100px solid blue;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        height: 0;
        width: 200px;
    }