JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<div class="container">
  <div class="layout">
    <div class="item item_top">
      Биржа копирайтинга Text.ru — это достойный заработок для копирайтеров и возможность заказать текст у профессиональных авторов. Здесь вы можете реализовать свой творческий потенциал или приобрести уникальные статьи для нужд своего сайта.Рейтинг копирайтеров наглядно демонстрирует опыт и востребованность исполнителя на сервисе Text.ru и позволяет заказчику быстро выбрать исполнителя на свой заказ.
Простота в работе. Мы приложили много усилий, чтобы работать на нашей бирже копирайтинга было максимально легко и удобно. Интуитивно понятный интерфейс, постоянное совершенствование функционала и подробный FAQ помогут в работе начинающим и обеспечат комфорт постоянным пользователям сервиса Text.ru.
    </div>
    <div class="item item_bottom">
      Hello
    </div>
  </div>
</div>

CSS

.container {
  height: 100px;
}

.layout {
  display: flex;
  flex-flow: column nowrap;
}

.item_top {
  background: #f9f;
  flex: 1 0 0;
  overflow: hidden;
}

.item_bottom {
  background: #9ff;
  flex: 0;
}