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 Credit Card with Form Validation (HTML, Sass, Javascipt)

#sass/scss

@anggaanugrah

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


Hello guys 👋, here is my solution for the Interactive card details form Challenge.

I replaced some of the validations and views of the challenge examples given, because I think there are some things that are better replaced, so that some functions can run more effectively 😄.

Let me know if you like it or have better ideas for me to write much better & efficient code . Please help me to improve my skills by giving your feedback. Thanks 🙏🙌

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Greetings, Angga Anugrah Pratama! 👋

Well done on this challenge! 👍 The form in your solution works great! 🙌

One thing I'd like to suggest is to take another look at the responsiveness of your site. Currently, things look good in the mobile and desktop views, but much of the content overlaps each other in the tablet view, making elements difficult to differentiate and text hard to read. You might want to switch to a mobile-friendly layout sooner or decrease the size of the credit card illustration so that the form can be clearly seen. 😉

Hope you find this helpful. 😊

Keep coding (and happy coding, too)! 😁

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