JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<main>
<div class="container">
<div class="block">
</div>
</div>
</main>

CSS

body, main {
  width: 100%;
  margin: 0;
  background: black;
}

.container {
  display: block;
  height: 200px;
  margin: auto;
}

.block {
  width: 100%;
  height: 100%;
  background: 
    linear-gradient(-135deg, transparent 45px, wheat 0) top right,
    linear-gradient(45deg, transparent 45px, wheat 0) bottom left;
    background-size: 100% 50%;
    background-repeat: no-repeat;
}