JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
  <div class="mycontainer">
    <span class="big-icon">Big Icon</span>
    <span class="small-text">This is very very very very very very very very very long text</span>
  </div>
  <div class="mycontainer" style="background: yellow;">
    <span class="big-icon">Big Icon</span>
    <span class="small-text">This is short text</span>
  </div>
</div>

CSS

.menu {
  display: grid
}

.mycontainer {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  background: green
}

.big-icon {
  font-size: 40px
}

.small-text {
  font-size: 12px
}