All solutions

Thought I'd utilize React's context api to toggle the light & dark themes, as I've been meaning to try that out for quite awhile now. I feel like using SASS makes context (for styling, at least) a bit less useful, since I can't use and modify color vars as I normally do. I think it would have been easier to use styled components and disregard stylesheets completely - if only I had known from the start 😅

Otherwise, it was a good exercise for deeper passing of props down through component layers. Using React made it so I didn't have to rewrite each card component in HTML which can often lead to me feeling lost if I ever have to go back in and fix up some class names or content.

If there's anything I could have done better feel free to leave a comment! Thanks all 🙃

I'm happy with how close I got to the original, but I'm iffy on the animations. Initially, I wanted the tooltip to be active on hover then switch to an onclick listener with the mobile version but that proved to be far more difficult than I expected. Ended up just switching to a click for both versions and minimized the JS by about 50%. How would you go about accomplishing this?

honestly... forgot who's repo it was but thank god I found it - thanks for the help chief!