Responsive solution using Vite, Typescript, React hook form & tailwind

Solution retrospective
This is my first personal typescript project... Feedback is welcome!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ShayneJG
Good job Bisola :),
A couple things to investigate:
The background and the cards responsively shrink differently. It could be worth making the cards reposition in a manner similar to the background, i.e., as the screen gets smaller, the cards move over as the purple area shrinks to maintain the aesthetic. It also does not maintain the same design at 1440p, which could be worth addressing :).
If you look at the DevTools of your chosen browser, you may see that you have some duplicate IDs that need addressing as well for the form to function effectively. Duplicate IDs will block the autofill from completing correctly.
Marked as helpful - @joycejenny
Hi Bisola, just saw your submission on the feed. Your solution is really nice and well built. So i previewed your site solution and tried entering values into the text-boxes. I made sure to enter the correct values/data-types but the "year of expiry" keeps showing me "Enter A Valid Year." I believe this is a bug in your code and just thought i'd bring this to your attention.
Have a good day and a lot fun coding!!!
Marked as helpful
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