How to scatter certain elements in columns on css grid?

Question

css

Please tell me how to make something like in the picture. The bottom line is that I need rows to have a dynamic height i.e. behave like a list.

<div class="gird">
  <div class="item item--1">item 1</div>
  <div class="item item--2">item 2</div>
  <div class="item item--3">item 3</div>
  <div class="item item--4">item 4</div>
  <div class="item item--5">item 5</div>
  <div class="item item--6">item 6</div>
  <div class="description">Lorem ipsum dolor sit</div>
</div>

Answer 1

Sorry, no fish, but there is a fishing rod . And if you can understand the video in English, then here's a fishing rod for you two :)
Good luck!