JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="item">
    <pre class="content">
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
пук
    </pre>
  </div>
</div>

CSS

.main {
  height: 100vh;
  background-color: pink;
  overflow: auto;
  display: flex;
  flex-direction: row;
}

.item {
  background-color: lime;
  height: max-content;
}

.content {
  display:inline-block; 
}