JSFiddle - React, Tailwind, and code Playground

by Arshdeep Singh

HTML

<div id="left"></div>
<div id="right"></div>

CSS

#left{
  border-top: 68px solid red;
    border-right: 5px solid transparent;
    height: 0;
    width: 200px;
    float:left;
}
#right{
  border-bottom: 68px solid red;
    border-left: 5px solid transparent;
    height: 0;
    width: 200px;
    float:left;
}