JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rr-left">

</div>

CSS

.rr-left {
	position: relative;
	height: 150px;
	background: #2c3e50;
}
.rr-left {
	float: left;
	z-index: 8;
	width: 55%;
}


.rr-left:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
}
.rr-left:after {
	bottom: 0;
	border-top: 30px solid rgba(44, 62, 80, 0); /* razorblade color */
	border-right: 1050px solid #FFFFFF; /* page background color */
}