JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<section id="main">
  <div id="some-div"></div>
  <nav></nav>
</section>

CSS

body {
  height: 2000px;
  background-color: red;
}

nav {
  width: 100%;
  height: 50px;
  background-color: black;
  z-index: 1000;
  position: sticky;
  top: 0;
}

#main {
  position: relative;
}

#some-div {
  position: relative;
  height: 100vh;
  background-size: cover !important;
  overflow: hidden;
}