Skip to content
Submitted over 2 years ago

Responsive CC Card w/ React, CSS Modules, and toes in the water on TS

Eric Kobliska•90
@kob112358
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

This was a fun project. I'm curious to look through other projects and see how they 1)validated 2)positioned the front/back of the card

Thanks!

Community feedback

  • FalejevV•500
    @FalejevVPosted over 2 years ago

    Hi Eric, nice job! :) I have 1 small tip to improve your form.

    Inputs have attr. maxlength (e.g.) <input type="text" maxlength="2"/> that limits input length to current number. You can use it for month,year,cvc and card number.

    Marked as helpful
    0
    Eric Kobliska•90
    @kob112358Posted over 2 years ago

    @FalejevV Beautiful! Thanks for the catch!

    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