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(238, 238, 238, 0) 0%, rgb(61, 61, 61) 100%)
}