JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="foo"></div>

CSS

.foo {
  background: pink;
  width: 100px;
  height: 100px;
  background-image: linear-gradient(45deg, blue 50%, green 0);
  background-size: contain;
  
}