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.