I propose that we start using flexbox on <body> element so that we can use flex:1 to automatically resize everybody's <main> container. This change assumes that we will continue to use a layout where an element will take up space and move the <main> element with the flow. Everyone who wants to use this to automatically resize their <main> element can just add flex-1 to its classnames.
This change would only modify layout.tsx by changing the <body> element with a new set of tailwind classes.
I propose that we start using flexbox on
<body>element so that we can useflex:1to automatically resize everybody's<main>container. This change assumes that we will continue to use a layout where an element will take up space and move the<main>element with the flow. Everyone who wants to use this to automatically resize their<main>element can just addflex-1to its classnames. This change would only modifylayout.tsxby changing the<body>element with a new set of tailwind classes.See attached branch for proposed changes.