JSFiddle - React, Tailwind, and code Playground

by buttercrab

HTML

<div class="wrap">
  <div class="left">
		Hello<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  </div>
	<div class="right">
		World
	</div>
</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

CSS

.wrap {
  display: flex;
  overflow: auto;
  align-items: flex-start;
	width: 200px;
}

.left {
	margin: 0;
	background: red;
	width: 100px;
}

.right {
	margin: 0;
	background: blue;
	width: 100px;
	position: sticky;
	top: 10px;
}