JSFiddle - React, Tailwind, and code Playground

by justinwyllie

HTML

<div class="flex-container">

  <div class="flex-boxes">
    A
  </div>
  
  <div class="flex-boxes">
    <img src=""
  </div>
  
   <div class="flex-boxes">
    C
  </div>


</div>

CSS

.flex-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.flex-boxes {
  flex-grow: 1;
  border: 2px solid red;
}