JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="crossed">
</div>

CSS

.crossed {
    background: 
       linear-gradient(to top left,
           rgba(0,0,0,0) 0%,
           rgba(0,0,0,0) calc(50% - 0.8px),
           rgba(238, 56, 49, 1) 50%,
           rgba(0,0,0,0) calc(50% + 0.8px),
           rgba(0,0,0,0) 100%)

}

.crossed {
    width: 1500px;
    height: 1500px;
}