Children Grid Alignment

๐Ÿ‘จโ€๐Ÿ’ผ Make adjustments to the content section at the xl breakpoint.

Content subgrid

๐Ÿจ Turn the flex container into a Grid.
๐Ÿจ Align the rows of the content section grid with subgrid.
๐Ÿจ Span the section across 2 grid rows.
๐Ÿจ Make the content section start at the 2nd column and the 3rd row.

Max width container

๐Ÿจ While you're there, "undo" the max-w-md at the xl breakpoint with xl:max-w-none.