JSFiddle - React, Tailwind, and code Playground

by tonkec palonkec

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <style>
      body {
        background-color: teal;
      }
      div {
        height: 100px;
        width: 100px;
      }

      .fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
      }

      nav {
        background-color: #f5f5f5;
        padding: 20px;
      }

      p {
        position: relative;
        z-index: 1;
      }
    </style>
  </head>
  <body>
    <nav class="fixed nav">Link Link Link</nav>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque quia
      repudiandae tempore, sequi harum vel est culpa eligendi, quas numquam
      fugit! Ducimus odit sed voluptates alias. Nemo velit facilis iusto dolorum
      nam minus ipsum animi illum cupiditate repudiandae dignissimos amet, illo
      voluptatibus necessitatibus enim laudantium, accusamus, assumenda
      reprehenderit optio cumque. Minima numquam natus iste aperiam obcaecati
      dolor voluptas. Expedita repellendus accusantium rem in tempora pariatur
      quam deserunt illo nam accusamus culpa temporibus saepe, quasi sint
      laudantium assumenda ex, voluptatem officia itaque eaque unde eum
      inventore facilis. Placeat, sapiente sequi molestias officiis rerum aut
      voluptatum quo ea provident quod deleniti blanditiis.
    </p>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque quia
      repudiandae tempore, sequi harum vel est culpa eligendi, quas numquam
      fugit! Ducimus odit sed voluptates alias. Nemo velit facilis iusto dolorum
      nam minus ipsum animi illum cupiditate repudiandae dignissimos amet, illo
      voluptatibus necessitatibus enim laudantium, accusamus, assumenda
      reprehenderit optio cumque. Minima numquam natus iste aperiam obcaecati
      dolor voluptas. Expedita...