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