JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box"></div>
<div class="main">
  <div class="box1"></div>
</div>

<div style="width: 10px; height: 1000px;"></div>

CSS

body {
  margin: auto;
}
div.box {
  width: 50%;
  height: 50px;
  float: left;
  background: red;
  position: fixed;
  top: 0;
}
div.main {
  width: 50%;
  float: left;
  background: black;
  position: static;
  left: 50%;
}
div.box1 {
  width: 50px;
  height: 50px;
  background: yellow;
  position: fixed;
  top: 0;
}