JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<div class="main">
</div>
<div class="bottom1">
<div class="bottom">
</div>
</div>
</div>

CSS

#wrap {
  width: 100%;
  min-width: 600px;
  overflow: hidden;
}
.main {
  position: relative;
  margin: 0 auto -100px;
  width: 600px;
  height: 2000px;
  background: green;
}
.bottom1 {
  position: relative;
  margin: 0 auto;
  width: 600px;
}
.bottom {
  position: relative;
  width: 200px;
  height: 100px;
  background: red;
  left: 500px;
}