Children Grid Alignment
Aligning Elements with Parent Grid Using Subgrid
šØāš¼ 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.