JSFiddle - React, Tailwind, and code Playground

by antixrist

HTML

<div class="box">
  <div class="diamond"></div>
</div>

SCSS

.box {
  margin: 50px;
}

.diamond {
  width: 200px;
  height: 200px;
  background: #ccc;
  transform: rotate(45deg) skewX(10deg)
  
}