sticky-sidebar-tailwind.html

<div class="h-screen bg-gray-500 flex flex-col">
        <div class="h-16 bg-green-500 sticky top-0 z-10">
            @yield('header')
        </div>
        <div class="flex-grow h-full">
            <div class="flex bg-red-500 w-full h-full">
                <div class="h-full left-0 top-0 lg:w-1/6 overflow-y-auto sticky bg-red-500">
                    @yield('sidebar')
                </div>
                <div class="flex-grow lg:w-5/6 bg-gray-600">
                    @yield('body')
                </div>
            </div>
        </div>
    </div>