1:
<div class="relative flex max-h-screen">
<div class="fixed h-screen w-40 bg-amber-100 flex flex-col space-y-4 p-5 cursor-pointer">
<div>home</div>
<div>about</div>
<div>courses</div>
<div>contact us</div>
</div>
<div class="absolute left-40 p-10 text-justify">
//main content
</div>
</div>
2:
<div class="relative flex max-h-screen">
<div class="fixed flex h-full w-40 cursor-pointer flex-col space-y-4 bg-amber-100 p-5 items-center justify-center">
<nav class="">
<div>home</div>
<div>about</div>
<div>courses</div>
<div>contact us</div>
</nav>
</div>
<main class="absolute left-40 p-10 text-justify">
//main content
</main>
</div>