Fix carousel height jumping by stacking slides with CSS grid #9
Reference in New Issue
Block a user
No description provided.
Delete Branch "bugfix/carousel-fixed-height"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
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
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>