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 using Sass and CSS Grid (mobile/desktop)

Grooby 90

@TheGroobi

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


I had issues with:

  • Responsive Design (really a pain to do that with my spaghetti code) -CVC accepts if you put 3 numbers and one different character -the number input checks if there are 16 numbers of 4 segments of 4 numbers and 3 spaces, but will accept the input if you put in 16 numbers + anything after (still not sure how to use regex to fix this)

Community feedback

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