JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

    <div class="column">
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text that wraps because its long</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
    </div>

    <div class="column">
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some longerrrrr textasdfsadf test teaaasaat text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
      <div class="columnChild">
        <span>
          img
        </span>
        <p>Some text</p>
      </div>
    </div>

  </div>

CSS

.columnChild span {
  margin-right: 4px;
}

.columnChild p {
  flex: 1;
}

.columnChild {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
}


.container {
  max-width: 500px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid black;
}

.column {
  width: fit-content;
  border: 1px solid red;
}