JSFiddle - React, Tailwind, and code Playground

by Petr Haluza

HTML

<div id="container">
<header>
</header>
<nav>
<nav>
<div id="main">
  <img src="https://www.haluzovic.cz/temp/asm-intro/main.jpg">
</div>
</div>

CSS

* {box-sizing: border-box; margin:0; padding:0; border:none}

#container {width:1605px;calc(57px + 1079px )}

header {width:1605px; height:57px; position:fixed; z-index:10; left:0; top:0}
nav {width:219px; height:calc(57px + 1079px); padding-top:57px; position:sticky; left:0; bottom:0}

#main {position: absolute; width:1386px; height:1079px; left:219px;padding-top:57px; overflow-x:auto}

header {background-image: url(https://www.haluzovic.cz/temp/asm-intro/head-old.gif)}
nav {background-image: url(https://www.haluzovic.cz/temp/asm-intro/menu-old.gif)}