Fix carousel height jumping by stacking slides with CSS grid #9

Merged
JoeBot merged 1 commits from bugfix/carousel-fixed-height into main 2026-04-02 07:47:39 -04:00

1 Commits

Author SHA1 Message Date
6b6bfea220 Fix carousel height jumping by stacking slides with CSS grid
Replace display:none/flex slide toggling with CSS grid stacking so all
slides always occupy the same layout cell. The container height is now
fixed at the tallest image height — no more text jumping below the
carousel as slides change. Also enables the existing opacity fade
transition which was previously blocked by display:none.

Affects: index.html, articles/why-we-built-hoa-ledgeriq.html,
         articles/hoa-financial-blind-spots.html, and all future articles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-02 07:45:49 -04:00