JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<div class="grid">
  <div class="item">
    1Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero laudantium perferendis soluta, facilis nobis eum, aliquam error corrupti?
  </div>
  <div class="item">
    2Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero laudantium perferendis soluta, facilis nobis eum, aliquam error corrupti?
  </div>
<div class="item baz">
    3Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero laudantium perferendis soluta, facilis nobis eum, aliquam error corrupti?
  </div>
</div>

<div>
  <img src="https://marcel.imarc.host/01.png" alt="">
</div>

CSS

.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  
  align-items: center;
  /* justify-content: center; */
  /* justify-items: center; */
  
}

.item {
  background-color: peru;
  flex-shrink: 0;
  /* flex-grow: 1; */
  width: 50%;
}