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 component with React and SASS

@saroshfarhan

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 Sarosh Farhan😄, great job on completing the challenge... design vise you did a remarkable job I would recommend you to limit the number of characters to be 2 in the case of YY and MM and 3 characters in the case of CVC... everything else seems good. Great job! happy coding💯🔥

0

@saroshfarhan

Posted

@sulemaan7070 Thank you so much for the feedback. I have added a limit of 2 characters and 3 characters for YY and MM and CVC seems like I have not added an error condition to show the message. But it is not moving to the completed state with 3 numbers in YY and MM and more than 3 in CVC. So that case is handled, it seems like I need to add the error message. Thank you so much for the feedback and for taking the time to test my app!!

1

@saroshfarhan

Posted

@sulemaan7070 I have now added the checks and proper validation. Thanks for the feedback again!!

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