SCSS

HTML

<div class="wrap">
  <div class="el el--one">
    <div class="el__title">1</div>
    <p class="el__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam dolor voluptatem dolore, animi qui maiores at illum rerum explicabo corporis quaerat laudantium! Neque eligendi minus, iusto exercitationem atque nemo distinctio omnis magnam dignissimos numquam error, provident iste, dolore totam tempore cumque quam saepe ullam, possimus similique illo cum at consectetur culpa mollitia. Quam, saepe suscipit velit incidunt provident repellendus non eius cum aut, error iste cumque consequuntur aliquam, dolores eum ad iusto ipsum voluptatum perferendis facere sint! Debitis, ratione illo necessitatibus earum dolore ipsam laudantium reprehenderit deserunt aperiam nostrum est accusantium, commodi at itaque, dolorum nihil, impedit consectetur modi error!</p>
  </div>
  <div class="el el--two">
    <div class="el__title">2</div>
    <p class="el__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam dolor voluptatem dolore, animi qui maiores at illum rerum explicabo corporis quaerat laudantium! Neque eligendi minus, iusto exercitationem atque nemo distinctio omnis magnam dignissimos numquam error, provident iste, dolore totam tempore cumque quam saepe ullam, possimus similique illo cum at consectetur culpa mollitia. Quam, saepe suscipit velit incidunt provident repellendus non eius cum aut, error iste cumque consequuntur aliquam, dolores eum ad iusto ipsum voluptatum perferendis facere sint! Debitis, ratione illo necessitatibus earum dolore ipsam laudantium reprehenderit deserunt aperiam nostrum est accusantium, commodi at itaque, dolorum nihil, impedit consectetur modi error!</p>
  </div>
  <div class="el el--three">
    <div class="el__title">3</div>
  </div>
</div>

SCSS

.wrap {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: -8px;
}

.el {
  margin-bottom: 15px;
  padding: 20px;
  background-color: yellow;
  box-sizing: border-box;
  
  &:last-of-type {
    margin-bottom: 0;
  }
  
  &--two {
    margin-top: auto;
    overflow: auto;
  }
  
  &--three {
    flex-shrink: 0;
    height: 150px;
  }
  
  &__title {
    width: 100%;
    text-align: right;
  }
}