tailwind grid grid-flow-col grid-rows-5, grid grid-flow-row grid-cols-5, h-screen overflow-auto strategy

return <div className="relative h-screen">

            {/* <AnalyticsWidget /> */}

            <div className="grid grid-flow-col grid-rows-5 h-screen display-none">

                <div className="row-span-2 border-b border-b-gray-300">

                    aaaaaaa

                </div>

                <div className="row-span-3 border-b border-b-gray-300">

                    bbbbbbb

                </div>

                <div className="row-span-5 border-l border-r border-l-gray-300 border-r-gray-500">

                    ccccccc

                </div>

            </div>

            <div className="grid grid-flow-row grid-cols-5 h-screen overflow-auto">

                <div className="col-span-2 border-b border-b-gray-300">

                    aaaaaaa

                </div>

                <div className="col-span-3 border-b border-b-gray-300">

                    bbbbbbb

                </div>

                <div className="col-span-5 border-l border-r border-l-gray-300 border-r-gray-500">

                    ccccccc

                    <div className='h-296'>dddddddd</div>

                </div>

            </div>

        </div>