JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-el">
  <div class="card-resize-container">
    <div class="resize-top">
      <div class="card-title">
         текст текст текст текст текст 
      </div>
      <div class="card-title">
        текст текст текст текст текст  текст текст
      </div>      
    </div>

    <div class="card-resize">
      текст текст текст текст
    </div>
  </div>
</div>

CSS

.card-resize-container {
   display: flex;
   flex-direction: column;
   //flex-wrap: wrap;
   //align-content: stretch;
   width: 100px;
   height: 300px;
   outline: 1px solid gray;
 }
 .card-title {
   background: #fff;
 }
 .card-resize {
   flex: 1;
   background: #0f0;
  
 }