JSFiddle - React, Tailwind, and code Playground

by justiceerolin

HTML

<div class="topnav">
<a href="#">Some Link 1</a>
<a href="#">Some Link 2</a>
<a href="#">Some Link 3</a>
</div>
<div class="container">
    <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam interdum nisl eu ipsum sagittis interdum. In aliquet, dui in auctor aliquet, est velit porttitor massa, ultricies vestibulum enim velit tempor metus. Maecenas et nulla quam, vitae feugiat sem. Pellentesque eu nibh et nisi vehicula lacinia vitae eu ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies nulla in arcu mattis vitae posuere urna feugiat. Mauris sagittis lacus at enim pulvinar id fringilla est facilisis. Fusce sit amet congue urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
<p>
Vivamus eleifend egestas tortor eu consectetur. Maecenas vel sem vel libero lacinia tempus vel quis risus. Duis auctor hendrerit turpis a hendrerit. Sed sed orci augue. Vivamus eget risus massa. Nunc vehicula bibendum massa et auctor. Aliquam erat volutpat. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur accumsan suscipit libero convallis mollis. In sit amet hendrerit mauris. Nunc non eros dui, et vehicula eros. Phasellus sed libero laoreet sem luctus iaculis.
</p>
<p>
Phasellus pulvinar, nulla elementum tristique tempor, urna sapien convallis mi, vitae feugiat tortor sapien et purus. Integer pretium nisi non nisl accumsan ut commodo nulla pellentesque. Cras tristique, lacus at elementum vehicula, lorem mauris mollis risus, laoreet aliquam eros urna sed metus. Ut eget libero tortor, vel rhoncus neque. Phasellus lacinia sagittis lorem ac posuere. Nunc dolor mi, interdum in scelerisque non, lacinia et tellus. Cras blandit, neque a eleifend convallis, tortor mauris accumsan neque, ut ultricies nibh turpis nec ligula. Phasellus aliquam justo nec tellus sagittis cursus vel non quam. Nulla facilisi. Cras felis...

CSS

.topnav{
    position:fixed;
    padding:10px;
    background:#CCC;
    width:100%;
    top:0;
    left:0;
}
.container {
    margin-top:50px;
}