This layout uses an auto-fit grid so it fills the row with as many cards as the viewport allows. On mobile, it collapses to one column.
A small set of links with strong spacing beats a crowded mega-nav.
Fix media height and let object-fit handle the rest for consistent rows.
Slide from the right, lock scroll, close on overlay and Escape.
Use subtle borders and muted secondary text for softer contrast.
Flex shell pins it on empty pages and lets content push it down.
A few consistent gaps can unify the entire page without heavy styling.
Class-based styling keeps templates predictable across pages.
Inter for body and Space Grotesk for headlines is crisp and stable.
One primary action, one secondary action, no extra noise.
Use the numbered teaser pages to lock grids to 1 through 6 columns.
Real teaser pages stack many cards and should stay neat as they grow.
Rounded corners and subtle borders add polish without decoration.
