Intro-component-with-signup-form with TS, React, Tailwind, Shadcn, Zod

Solution retrospective
I'm proud that I took on this challenge using a modern tech stack — TypeScript, React, Tailwind CSS, Shadcn/UI, Zod, and React Hook Form. It was a great opportunity to solidify how these tools work together in a real-world project.
What challenges did you encounter, and how did you overcome them?The biggest challenge was replicating the transparent shadow behind the cards, which I ended up solving using an absolutely positioned div behind the card elements. It took a bit of trial and error to get it looking right.
What specific areas of your project would you like help with?I'd love feedback on the transparent shadow effect — is there a more effective or semantic way to achieve that look without resorting to an absolutely positioned div? If anyone has suggestions or alternative approaches, I'd be glad to hear them.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @qayoommunawar
Hi hope you are doing well, your design is doing well. For transparent shadows you can play along with box shadows changing the hsla value of red color. Give it a try. Thank you, keep designing best of luck..
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord