JSFiddle - React, Tailwind, and code Playground

HTML

<div class="square"></div>

CSS

.square {
  background: #fff;
  border:2px solid red;
  height: 200px;
  width: 200px;
  margin:100px;
  transform:  skewX(-30deg) rotate(45deg);
}