Two Column Layout with Sidebar

This layout uses Tailwind CSS's responsive and flexbox utilities to create a two column layout with a left sidebar and main content area. On small screens the sidebar is hidden and the content takes up the full width. On larger screens the sidebar appears as a vertical column on the left. The header and sidebar use the indigo-700 background while the main content area has a white background.