JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="wrapper">
<div class="square yellowsquare">
X
</div>
</div>

CSS

.square {
  width: 100px;
  height: 100px;
  background: red;
  border: 2px solid green;
  color: #fff;
}

.yellowsquare {
  border-color: pink;
  border-top-width: 5px;
}