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

@MasonBoom

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

Solution retrospective


The only thing that is still bothering me about this project currently is the fact that in the expire date and card number fields, I can never delete the last digit, and was never able to figure out how to solve that bug :/

I am also aware that components in react should be in separate file, but since this is a single page project, I decided to just make one file for styled components and the other for the main page.

Community feedback

@MasonBoom

Posted

I also had trouble with importing the correct font for this project

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