JSFiddle - React, Tailwind, and code Playground

by Vijay Dhanvai

HTML

<div class="this-parent-div-is-necessary">

<div class="left">

</div>

<div class="center">
estsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdgestsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg Testsdg sdg dsg sdg
</div>


<div class="right div-sticky-class">
 
      Testsdg sdg dsg sdg 

</div>

<div style="clear:both"></div>

</div>




Testsdg sdg dsg sdg Testsdg sdg...

CSS

*{
  border:solid 1px #000; margin:5px;
}

.left{
  width:20%; 
  border:solid 2px #f00;
  height:300px; float:left;
}

.center{
  width:50%; 
  border:solid 2px #f00;
float:left;
}

.right{
  width:20%; 
  border:solid 2px #f00;
  height:300px; float:right;
}
.div-sticky-class{
  color: red;
  position: sticky;
  top: 0;
   border:solid 2px #f00;
   float:right;
}