JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<header>
  <div></div>
  <div></div>
</header>
<main>
  
</main>

CSS

body {
  margin: 0;
}
header {
  height: 100px;
  position: sticky;
  top: -50px;
}
header div:nth-child(1){
  height: 50px;
  background: red;
}
header div:nth-child(2){
  height: 50px;
  background: blue;
}
main {
  height: 200vh;
  background: yellow;
}