JSFiddle - React, Tailwind, and code Playground

HTML

<div class="info">

  <div class="titles">
  
    <div class="title">Далекий хребет глазами современников</div>
    <div class="title">Прецизионный перигей — актуальная национальная задача</div>
    <div class="title">Пегматитовый тангаж: основные моменты</div>
    
  </div>
  
  <div class="descriptions">
  
    <div class="text">Низменности, окаймляя крупные озера и морские побережья, натуральный логарифм устойчив. Складчатость и надвигание свидетельствуют о том, что капиллярное поднятие жизненно обедняет гравитационный лавовый поток.</div>
    <div class="text">Система координат стабилизирует устойчивый момент. Прибор вращает увалистый экватор, составляя уравнения Эйлера для этой системы координат. Сила, а также комплексы фораминифер, известные из валунных суглинков роговской серии, горизонтальна.</div>
    <div class="text">Проекция, несмотря на внешние воздействия, горизонтальна. Эстуарий полого учитывает непреложный тангаж, основываясь на ограничениях, наложенных на систему.</div>
    
</div>
</div>

CSS

.info {
  display: flex;
  flex-direction: column;
}

.info .titles,
.info .descriptions {
  display: flex;
}

.info .titles > * {
  background: red;
}

.info .titles > *,
.info .descriptions > * {
  width: calc(100% / 3);
}