JSFiddle - React, Tailwind, and code Playground

by Hemant Sharma

HTML

<div class="triangle"></div>

SCSS

.triangle {
    height: 0;
    width: 100%;
    border-top: 100px solid #ff4136;
    border-right: 200px solid transparent;
    border-bottom: 200px solid transparent;
    border-left: 400px solid transparent;
}

body, html {
  height: 100%;
}