JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<nav>
  <ul>
    <li>Home</li>
    <li>Folio</li>
    <li>References</li>
    <li>Contact</li>
  </ul>
  
  <div id="submenu">
    Sous-menu sous-menu lol
  </div>
</nav>

<h2>Subtitle #2</h2>
<p>Lorem ipsum dolor sit amet, ...</p>
<p>Lorem ipsum dolor sit amet, ...</p>


<h2>Subtitle #2</h2>
<p>Lorem ipsum dolor sit amet, ...</p>
<p>Lorem ipsum dolor sit amet, ...</p>

<h2>Subtitle #2</h2>
<p>Lorem ipsum dolor sit amet, ...</p>
<p>Lorem ipsum dolor sit amet, ...</p>

<h2>Subtitle #2</h2>
<p>Lorem ipsum dolor sit amet, ...</p>
<p>Lorem ipsum dolor sit amet, ...</p>

CSS

nav {
  border: 1px solid black;
  position: sticky;
  top: 1rem;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 0, 0.5);
}

#submenu {
  background-color: orange;
}