Content Placement
Loading "Content Placement with the Grid Layout"
Run locally for transcripts
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.