JSFiddle - React, Tailwind, and code Playground

by toubia95

HTML

<div id="container">
<div id="sticky">

</div>
</div>

CSS

#container {
background: rgb(255,239,0);
background: linear-gradient(0deg, rgba(255,239,0,1) 0%, rgba(15,121,22,1) 50%, rgba(0,151,255,1) 100%);
  width: 100%;
  height: 1000px;
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 500px;
}
#sticky {
  width: 100px;
  height: 100px;
  background-color: red;
  position: sticky;
  top:0;
}