Content Placement
Content Placement with the Grid Layout
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.