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

used css and js for the responsiveness and interactiveness

Austin 330

@waustin45

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


Enjoyed this one. Starting to be quicker and more comfortable with the whole process.

Community feedback

Naleeka 470

@Naleeka

Posted

You could use "maxlength","min","max" attribute for card number, Month and Year inputs. <input type="number" name="eMonth" maxlength="2" min="1" max="12" placeholder="MM" required /> .... like this

Love your work <3

Marked as helpful

2

@francobernardii

Posted

@Naleeka Just to add, if the maxlength doesn't work try to change de input Type to "Text" and make the validation of empty fields and numbers in JS.

Great work!

1
Divine Obeten 2,415

@Deevyn9

Posted

Hi Austin, great solution, the link to your code isn’t working, try to link it to a repo.

Good luck

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