JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box"></div>

CSS

body {
  margin: 0;
}
div.box {
  width: 100%;
  height: 300px;
  -webkit-clip-path: polygon(0 100%, 100% 52%, 100% 100%, 0% 100%);
  clip-path: polygon(0 100%, 100% 52%, 100% 100%, 0% 100%);
  background: red;
}