fix stacking cards: flatMap siblings, no wrappers, no shadow, z < header

Browse Source

ROOT CAUSE: each card was wrapped in its own div (min-h-[85vh]),
scoping sticky to that wrapper — cards could NEVER overlap.

FIX: flatMap returns all sticky divs + h-4 spacers as direct
siblings under the same parent (mt-14). Sticky now works
correctly — each card overlaps the previous with 20px peek.

- Removed all shadows (border-gray-100 only)
- z-index: 1-4 (was 10-40, conflicting with nav z-40)
- top: 72/92/112/132px (20px stagger)
- h-4 spacers between cards (no big white gaps)
- Regenerated dinner image: dark navy table, candlelight, £5,000
  pledge card — zero white space (was white tablecloth)

...

This commit is contained in:

Omair Saleh

2026-03-03 23:29:26 +08:00

parent dc1253af33

commit 6b71fa227b

19 changed files with 305 additions and 474 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

screenshots/fidya-current/fidya-feeding.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 752 KiB

BIN

screenshots/fidya-current/fidya-quran-elder.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 657 KiB

BIN

screenshots/fidya-current/kaffarah-community.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 778 KiB

BIN

screenshots/fidya-kaffarah-full.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 80 KiB

BIN

screenshots/homepage-full.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 79 KiB

BIN

screenshots/make-it-right-full.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 79 KiB

BIN

screenshots/one-eats-full.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 80 KiB

BIN

screenshots/ramadan-full.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 80 KiB

BIN

screenshots/reference/oneeats-slide-1.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.7 MiB

BIN

screenshots/reference/oneeats-slide-2.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.6 MiB

BIN

screenshots/reference/ramadan-cr-fidya-new.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 340 KiB

BIN

screenshots/reference/ramadan-cr-hunger6-zakat.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 380 KiB

BIN

screenshots/reference/ramadan-cr-wrong-1.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.7 MiB

BIN

screenshots/reference/ramadan-cr-wrong-4.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 1.4 MiB

BIN

screenshots/reference/spoonfeed-hero-6.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.3 MiB

BIN

screenshots/reference/spoonfeed-hero-7.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 4.9 MiB