JSFiddle - React, Tailwind, and code Playground

by zanon

HTML

<div class="fixed">
    Menu
</div>
<div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim sit amet arcu vel mollis. Phasellus ut nibh ac turpis feugiat maximus vel sit amet sem. Phasellus in auctor nisi, eu aliquet nisi. Nam viverra erat nec diam eleifend, finibus accumsan odio faucibus. Curabitur malesuada tortor risus, id lacinia est efficitur in. Quisque iaculis risus vel rhoncus porta. Pellentesque faucibus lacus vitae mauris volutpat accumsan ullamcorper vel dui. Aenean eget ullamcorper diam. Suspendisse finibus elit posuere tempus elementum. Fusce diam augue, efficitur et faucibus sed, vulputate at orci. Pellentesque tincidunt erat velit, in hendrerit massa convallis condimentum. Nunc a eleifend purus. Vestibulum ut erat id nibh pellentesque iaculis. Pellentesque ac luctus nunc, et interdum tortor. Sed auctor faucibus maximus.</p>
</div>
<div class="fixed">
    Fixed element
</div>
<div class="content">
    <p>Mauris sagittis condimentum mauris, a mollis tortor tincidunt eget. Cras luctus nec libero at ornare. Donec semper faucibus tortor. Nullam venenatis elit volutpat, vestibulum orci at, elementum ante. Donec vel erat eu elit congue eleifend. Duis sagittis erat sed tincidunt ultricies. Sed luctus pulvinar euismod. Nulla sollicitudin lobortis justo id dignissim. Suspendisse erat dolor, tincidunt ac erat porta, aliquam faucibus felis. Maecenas quam tortor, porttitor ut ultrices nec, porta vel eros. Proin facilisis risus vitae suscipit vehicula. Donec fermentum ligula quam, sit amet blandit nulla malesuada quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce luctus lobortis turpis, id porttitor purus gravida at. Quisque pretium imperdiet imperdiet. Vestibulum et ex vel mauris porta ultricies sed eu nunc.</p>

    <p>Praesent pharetra quam non rutrum feugiat. Proin sodales et odio efficitur bibendum. Fusce faucibus, lectus ac accumsan interdum, nulla quam ornare...

CSS

.fixed
{
    width: 100%;
    background-color: blue;
    color: white;    
    padding: 10px;
    position: fixed;
}

.content
{    
    padding-top: 30px; 
}