07. Subgrid alignment/04. Content Placement (πŸ’ͺ problem)

Content Placement

Parent grid width container

🐨 Add a 7xl max-width container to the parent Grid at the xl breakpoint.

Content subgrid

🐨 1. Put the Logo and Title on the same (first) subgrid row. Make sure the first column (logo) only use the space it needs.
🐨 2. Coordinate the horizontal gap (level 4) on the subgrid.
πŸ’° You can use grid-cols-[auto_1fr] to achieve task 1.

Content placement

Paragraph

🐨 Make the p span across 2 columns.
Edit
problemsolutiondiff

Please set the playground first

Loading "Content Placement"
Loading "Content Placement"

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.