JSFiddle - React, Tailwind, and code Playground

by ibroom

HTML

<div>

</div>

CSS

div {
  background: transparent;
  height: 50vh;
  width: 50vw;
  position: relative;
  min-height: 200px;
  min-width: 200px;
}
div:before,
div:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -0px;
  right: -0px;
  bottom: 5px;
  border: solid 2px #000;
}
div:before {
  border-top: none;
  border-bottom: none;
}
div:after {
  top: -0px;
  left: 5px;
  right: 5px;
  bottom: -0px;
  border-left: none;
  border-right: none;
}