07. Subgrid alignment/03. Children Grid Alignment (💪 problem)

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.
← PreviousNext →
Edit on GitHub
problemsolutiondiffchat

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 and run the tests.

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