JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div id="grid">
  <div>1</div>
  <div>2 Slogan 1</div>
  <div>3</div>
  <div>4</div>
  <div>Text</div>
  <div>6</div>
</div>

CSS

#grid { 
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  }
#grid > div {
  font-size: 5vw;
  padding: .5em;
  background: gold;
  text-align: center;
}