JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<header>
  <div class="body"></div>
  <div class="bottom"></div>
</header>

CSS

body {
  margin: 0;
}
header {
  width: 100%;
  height: 131px;
  background: white;
-webkit-clip-path: polygon 100px 0, 100% 0, 100% 100%, 100px 82%);
clip-path: polygon 100px 0, 100% 0, 100% 100%, 100px 82%);
}
div.body {
  width: 100%;
  height: 103px;
}
div.bottom {
  width: 100%;
  height: 28px;
  background: rgb(235,26,65);
}