JSFiddle - React, Tailwind, and code Playground

by Prathameshsb

HTML

<h1>Welcome To gwef we </h1>
<br><br>
<div class="chat">
  <p class="wid">hellow owrlds</p>
</div>

  <div class=sticky>
    <p>Sticky div</p>
  </div> 
<br>
<br>
<h1>admsadmasd a</h1>
<br>
<br><br><br>
<h1 id="what">Lalallalalala??</h1>
<br>
<p> 
“Your Text”
</p>
<h1 id="distance">
lalalalalalalalala
</h1>
<br>
 
<p>
“Your Text”
</p>
<br><br>
<h1>
afewre regfew f/
</h1>
<br><br>
<p>
“Your Text”
</p>
<br><br>
<h3 id="author">blasfdnewi fnewif</h3>

CSS

.chat{
  display: flex;
  width: 100%;
  border: 2px solid red;
}

.wid{
  width: 100%;
}

.sticky{
  position: sticky;
  top: 0;
  right: 0;
  color: white;
  background-color: blue;
  width: 50%;
  height: 150px;
}

.active a {
  color : black;
}
 
p {
  font-size: 20px;
}