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.