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

@MohmedElshaarawy

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 Mohmed elshaarawy😄, congratulations on completing the challenge here are a few tips to make your site better...

1.Initailly the card holder number is 0000 0000 0000 0000 but the moment I start typing any input field the 0000 0000 0000 0000 will become xxxx xxxx xxxx which is not a good user experience

2.There is no validation msg or span you can add to make your user experience smooth.

3.the mm/yy field 00/00 keeps changing its position whenever I start typing the user's name. You can use position absolute and fix its place.

4.whenever I click on the confirm button without proper text input the whole page is just refreshing. Instead of giving a validation error.

hope that helps to make your site better, happy coding💯💯🔥🔥

Marked as helpful

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