JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

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

.mycontainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: green;
}

.big-icon {
  font-size: 20px;
}

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