Component: Donate campaign Cards

[CatherineKiiru]

Task

Create the campaign cards in the donate section using Radix UI. Design

Snapshot

Good Practice

• [ ] Ensure accessibility in elements & images - read more here on how to improve accessibility in your project
• [ ] Include type safety where necessary
• [ ] Should be mobile responsive
• [ ] Write tests

[jtfairbank]

I created a component for these cards to try Radix out! See src/components/donate/CampaignCard.tsx

However getting the header section and multiple cards displayed on the page still needs to be done.

[jtfairbank]

We'll also need some design direction on the "More Info" section. I'm thinking it just links to a region / project page?

[CatherineKiiru]

I think so too, I've notified Tay on Figma to create designs for the regions/project page. I'll replicate the card across the campaign section