JSFiddle - React, Tailwind, and code Playground

by FiNGAHOLiC

HTML

<div class="mod-section">
    <div class="mod-section-inner">
    </div>
</div>

CSS

.mod-section {
    background: red;
}

.mod-section-inner {
    -webkit-clip-path: polygon(0 0, 50% 30px, 100% 0, 100% 170px, 50% 200px, 0 170px);
    background: black;
    height: 200px;
}