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.

Please set the playground first

Loading "Children Grid Alignment"
Loading "Children Grid Alignment"

Access Denied

You must login or register for the workshop to view the diff.

Check out this video to see how the diff tab works.