Fix: Equalize side-by-side column heights on generated Main Page

Nik Gkountasrequested to merge
fix/uneven-column-heights-T429064 into main

Two-column rows (discovery: featured-content+news, did-you-know+on-this-day; and community+translation) rendered their boxes at different heights when the columns held different amounts of content, leaving uneven bottom borders and an unbalanced row.

  • Switch the row wrappers from display: flex to display: grid with grid-template-columns: minmax(0, 1fr) .... A grid item fills its track on both axes by default, so the shorter box now stretches to match the taller. Flex only stretched the outer column wrapper on the cross axis; the box itself (an uncontrolled transclusion we can't add flex-grow to) stayed short.
  • The boxes become direct grid children, so the fix is purely Main-Page-side: no template edits. Because the Main Page is rewritten on every publish, this reaches existing wikis with no template re-init (unlike a box-style injection).
  • minmax(0, 1fr) keeps columns equal-width and prevents overflow on long unbroken content, replacing the old min-width: 0.

Co-Authored-By: Claude Opus 4.8 Bug: T429064

Merge request reports