JSFiddle - React, Tailwind, and code Playground

by Chris Ball

HTML

<div class="barry"></div>

CSS

* {
  margin: 0;
  padding: 0;
}

.barry {
  background-color: #fff;
  background-image: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    #000 50%,
    #000 calc(50% + 1px),
    #fff calc(50% + 1px)
  );
  height: 100vh;
  width: 100vw;
}