JSFiddle - React, Tailwind, and code Playground

by swordys

HTML

<div>

</div>

CSS

div {
  width: 200px;
  height: 200px;
  background: linear-gradient(to bottom, red 0%,#80d0b9 30px,#e7f3f3 30px,#e7f3f3 100%) no-repeat top left,
            linear-gradient(to right,  #c2ebec 0%,#c2ebec 30px,#e7f3f3 30px,#e7f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 30px 100%;
}