JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<div class="c-container"></div>

CSS

*, *::before, *::after {
  box-sizing: border-box;
}


.c-container {
  width: 500px;
  height: 500px;
  margin: 5rem auto 0;
  padding: 2rem;
  border: 2px solid transparent;
  border-radius: 5px;
  background-image: linear-gradient(firebrick, grey), linear-gradient(green, pink), linear-gradient(yellow, blue);
  background-clip: content-box, padding-box, border-box;
  background-origin: content-box, padding-box, border-box;
}