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

(Real Time user Input),(Regex on all), but kinda mess in ressponsive

Darren 190

@moriartym

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


(Real Time user Input),(Regex on all), but kinda mess in ressponsive

Community feedback

@mmaazkhanhere

Posted

To fix the card number issue, assign it a max width property which will ensure that it doesnt exceed the card section. Also ensure that the card number is within the card section. It seems like the card and card number are two different section (both changes differently when screen size changes)

Marked as helpful

0

Darren 190

@moriartym

Posted

@mmaazkhanhere Man thanks you for the feedback very helpful.

1
Darren 190

@moriartym

Posted

@moriartym I will try to use max-width in my next challenge

1

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