JSFiddle - React, Tailwind, and code Playground

by Steven Lambert

HTML

<!-- Sample pages content -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rutrum sodales ante nec malesuada. Integer sodales leo sit amet vulputate fermentum. Proin et porta magna. Pellentesque tincidunt purus et ex convallis condimentum. Maecenas at consequat ipsum. Donec ac nunc erat. In et nisi a quam congue pellentesque ac at ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc nec accumsan erat. Ut cursus justo dictum dignissim fermentum. Ut sed mauris ipsum. Nam mattis tempus nunc non commodo.</p>

      <p>Nunc elementum ligula a purus porta blandit. Curabitur faucibus eu arcu vel consequat. Aliquam eu ante sapien. Cras mollis consequat venenatis. Cras ipsum leo, vestibulum a ornare eu, porta eget eros. Nullam purus nibh, facilisis id imperdiet lacinia, tincidunt ut ligula. Pellentesque leo justo, molestie vitae odio ac, dapibus elementum orci. Sed at mauris neque. Aliquam ultricies, diam eu efficitur fringilla, nulla dui facilisis sem, nec vulputate ex felis id ligula. Pellentesque blandit volutpat mollis.</p>

      <p>Cras eget ultricies nunc. Nullam dignissim imperdiet tempus. Integer libero sem, venenatis et laoreet a, facilisis vel neque. Donec luctus, ex tempus venenatis rhoncus, quam urna vulputate ante, eget interdum metus urna ac nulla. Donec faucibus quam ut lacus porta, id porttitor neque faucibus. Mauris suscipit urna libero. Donec pulvinar lorem ac tellus malesuada, sit amet mattis nisl laoreet. In convallis, tortor eget porttitor egestas, purus odio pellentesque neque, molestie consequat neque lorem sed neque. Nam nisi ex, elementum tincidunt ex condimentum, semper commodo felis. Suspendisse lobortis purus arcu, et dignissim velit bibendum vel. In suscipit nulla dolor, ac congue nunc venenatis id.</p>

      <p>Sed eu dolor vitae mauris pulvinar sodales. Donec placerat risus justo, ut fermentum elit posuere sit amet. Donec a varius eros. Quisque congue elementum tincidunt....

CSS

body {
    padding-bottom: 100px;
}

.end-of-page {
    border: 1px solid blue;
}

.bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: red;
}