JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<div></div>

CSS

div
{
	background-color: #3D6AA2;
    position: relative;
    height: 100px;
}
 div:after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-top: 100px solid red;
    border-left: 50% solid transparent;
}