JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yellow"></div>
<div class="black"></div>

CSS

.yellow {
    width: 100%;
    height: 90px;
    background: yellow;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%);
}
.black {
    width: 100%;
    height: 90px;
    background: black;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    margin-top: -90px;
}