JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<div class="fixed-header">Hello!!! How are you? This stays!!!</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id nihil culpa rerum impedit corrupti explicabo obcaecati porro velit earum ab repudiandae tenetur perferendis ullam exercitationem accusamus eos in harum architecto.</p>

CSS

.fixed-header {
    position: fixed;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
}