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.