Css 滚动弹性盒

.container {
  width: 600px;
}
.grid {
  display: grid; /* a grid container */
  grid-template-columns: 1fr 1fr; /* 2 columns */
  border: 1px solid green;
  padding: 2px;
}
.left_flex,
.right_flex {
  display: grid; /* grid also */
  border: 1px solid blue;
  padding: 2px;
  margin: 2px;
}
.right_flex {
  contain: size; /* make sure the left column dictate the height  */
}
.long_text {
  overflow: auto; /* sccroll on the long text */
}
.img,
.a_link,
.short_text,
.long_text {
  border: 1px solid red;
  padding: 2px;
  margin: 2px;
}
.img img {
  max-width: 100%;
  display: block
}

<div class="container">
  <div class="grid">
    <div class="left_flex">
      <div class="img"><img src="https://dummyimage.com/250x350/ddd/000000.png" /></div>
      <div class="a_link"><a href="#" target="_blank">a link</a></div>
    </div>
    <div class="right_flex">
      <div class="short_text">Short text</div>
      <div class="long_text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lobortis mi arcu, eget commodo turpis luctus ut. Ut tincidunt arcu et quam maximus feugiat. Donec mauris urna, dignissim sit amet faucibus ac, interdum mattis mauris. Pellentesque ut porta turpis. In hac habitasse platea dictumst. Duis eu turpis vestibulum, tempus libero et, fringilla quam. Ut vitae pretium mauris. Aliquam quam neque, consectetur nec erat ac, lobortis venenatis lacus.

        Sed tristique risus ac ligula tincidunt pretium. Morbi varius rutrum elit eget pharetra. Ut euismod faucibus sem. Morbi convallis bibendum elit at sollicitudin. Vivamus iaculis, ante at varius tincidunt, nisi lorem iaculis nisl, et pellentesque risus lacus sed nunc. Quisque sit amet feugiat nibh. Quisque eleifend volutpat volutpat.

        Suspendisse nibh massa, aliquet vel lorem accumsan, viverra condimentum eros. Pellentesque eu iaculis ipsum. Etiam fringilla fringilla sollicitudin. Sed finibus, dolor euismod iaculis porta, turpis odio lobortis nibh, ac cursus augue est in nibh. Nam porttitor est auctor erat mollis placerat. Etiam sed pellentesque orci. Integer nec ullamcorper neque, ac consequat nunc.
      </div>
    </div>

  </div>
</div>