JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="item">111</div>
  <div class="item">22</div>
  </div>

CSS

.wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.item {
  min-height: 462px;
  outline: 1px solid red;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #4C4C4C 100%);
}