JSFiddle - React, Tailwind, and code Playground

by marco_rensch

HTML

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS

div.parent{
  padding: 20px;
  border: 1px solid red;
  background:blue;
}
div.child{
  min-height:50px;
  width: calc(100%-30px);
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
  margin:15px;
}