JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="grid">
  <div class="rouge"></div>
  <div class="bleu"></div>
  <div class="rose"></div>
  <div class="bleu"></div>
</div>

CSS

.grid {
  display: grid;
  gap:20px;
  grid-template-columns: 1fr 1fr;
}
  .rouge {
    background: red;
    height: 200px;
  }
  .bleu {
    background: blue;
    height:100px;
  }
  .rose {
    background: pink;
    height:100px;
  }