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.