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 Form

Yefree Valdezโ€ข 680

@yefreescoding

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

S MD sulemanโ€ข 3,530

@sulemaan7070

Posted

hey ๐Ÿ˜„Yefree Valdez, congratulations on completing the challenge... here are a few tips to make your site better.

1.As for design, you did a great job!! functionality vise you can add more validation to the site...

case 1.when I am clicking on confirm button without filling in any input fields only the card holder name input field is showing a validation message.

case2.when I am entering text in only card holder name and clicking on the confirm button only the card number is showing the validation error... when every other element should show the validation error.. hope you will fix these

2.I think you forgot to add the / between the mm / yy on the card..

Everything else is great!! hope that helps, happy coding๐Ÿ’ฏ๐Ÿ”ฅ๐Ÿ‘๐Ÿป

Marked as helpful

0

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