Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

interactive card details

myudro33 300

@Myudro33

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@katjadanilova

Posted

Hey there,

I have a couple of suggestions:

  1. Your name verification expects a bit too long names. "Tom Saar" for example isn't accepted by your form, but is a proper name in my country.
  2. Bank card number can be as long as 19 digits, you have a limit for 16.
  3. CVC should have at least 3 digits, and your form accepts even with two.
  4. If CVC field has an error, MM/YY fields are misaligned.

I really liked your transition to a final component. Nicely done!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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