Responsive card details - React - Vite

Solution retrospective
What did you find difficult while building the project?
Properly positioning both the cards and its internal dynamic text. It was really hard finding the proper way to position them in the position the design wanted to be
Please log in to post a comment
Log in with GitHubCommunity feedback
- @sulemaan7070
hey Roberto Ramirez😄, great job completing this challenge!! and yes this one should be intermediate level if we consider the form validation and CSS positioning... I have a suggestion for you
1.limit the number of characters to 2 in the
MM and YY
fields and 3 in the case ofCVC
.- Limit the number of characters to be accepted as input to 16 in case of card number
bonus📚
I recommend you to add the regex to convert this number 1234567812345678 to this 1234 5678 1234 5678
Happy 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