JSFiddle - React, Tailwind, and code Playground

by Rashit1122233

HTML

<heder class = "header">
  <p>MENU</p>
</heder>

<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia officia, eaque odit ipsa aut aliquam dolorem ipsam quaerat consequatur quos iusto quae architecto esse natus commodi qui nam eos, itaque porro sunt magni minima repellat? Distinctio fugiat quibusdam maxime aperiam quia praesentium temporibus eius maiores, eligendi impedit earum architecto non libero quisquam. Totam illo explicabo possimus fuga atque quis, labore magnam quod. Ducimus maiores, consequatur sit consequuntur libero? Eligendi maiores modi culpa, cum asperiores, nostrum suscipit nulla dolores aliquid eum perspiciatis aperiam fugiat tempore natus quaerat cumque molestiae hic. Fuga nihil, optio repellat est velit nesciunt, beatae magnam obcaecati fugit quaerat laudantium minima deleniti. Atque cumque aperiam quae sed optio magnam, aspernatur quod vero quasi animi eius saepe dolores possimus eveniet, tempora. Sed quisquam accusantium est ratione corrupti illo velit quos quae atque, quo! Nulla, vero, saepe. Sunt quaerat culpa, ratione consectetur nesciunt nulla voluptas officia quidem saepe vitae. Inventore doloribus ipsa, in, laboriosam, ipsam repellat asperiores repellendus veniam quas consequuntur excepturi possimus, ullam totam nam facilis itaque laudantium similique aliquam libero dolores autem dicta soluta illo deserunt! Consequuntur voluptas itaque sit facilis iusto, corrupti ut a omnis exercitationem ullam fugiat ab, minus dolor magnam possimus. Ab iure quos repudiandae, debitis explicabo vero soluta atque assumenda reiciendis expedita incidunt a tempora placeat eveniet! Atque dolorem odit suscipit, nam magni pariatur perspiciatis dolorum sed voluptas! Maxime minima, itaque error natus nesciunt saepe, ad unde officiis dolore et reprehenderit, similique autem neque! Eligendi tenetur doloribus aliquam neque eius earum exercitationem, aliquid, eos sint officiis nemo debitis velit cum. Laborum, voluptatibus,...

CSS

*{
  margin: 0;
  padding: 0;
}
.header{
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    background: #000;
    width: 100%;
}
.header>p{
  padding: 10px;
  color:#fff;
}
.content{
  margin-top: 40px;
}