Animated flipper on value changes w/ Solid - TS - Tailwind

What are you most proud of, and what would you do differently next time?

Hello guys 👋👋👋

On my road to complete all free challenges!

🚀 Built with

• Mobile-first workflow
• SolidJS
• TailwindCSS
• TypeScript

🐲 What i have done

• Built a flipper component that has animated flipping on value changes.
• Used my own judgement to achieve 95% similar to the design without Figma files.
• Overridden default effect on focus (links).

What challenges did you encounter, and how did you overcome them?

To make the flipper component responsive (without many media queries), i have used clamp(), calc() to make the component responsive to parent element font-size: clamp() 🐱

What specific areas of your project would you like help with?

Any feedback is appreciated 🙏