Skip to content
Submitted about 2 years ago

Interactive Credit Card Form

Luca•350
@lgorvin
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

The responsive design isn't great but works in the dimensions given. The card numbers update in real time with the user's input. I wasn't sure how to set a default value for the numbers. So currently no numbers show until the user types in the inputs. Any feedback on how to do this would be well appreciated :)

Community feedback

  • Emerenini Cynthia Ngozi•110
    @cindyemePosted about 2 years ago

    This is great. Well done! Have you thought of adding placeholders to the cards just like in the sample? That way, it looks more like a card than just a design. Also, the "/" won't be lonely on the front card.

    0
    Luca•350
    @lgorvinPosted about 2 years ago

    @cindyeme Thank you! I have now added placeholders. Should look a lot better now :)

    1
    Emerenini Cynthia Ngozi•110
    @cindyemePosted about 2 years ago

    @lgorvin Excellent!

    0

Please log in to post a comment

Log in with GitHub

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