Submitted about 2 years ago

Made page responsive using grid, flex, and media queries.

Urhoghide Justin Uyioghosa• 300

@Uyimolo

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive card details form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

The logic for my form validation involves adding a class (invalid) to the input fields on page load and removing the invalid class when the input field passes all validation test, used a bunch of if/else statements, is there a better way to do this? to reduce bulk?

Community feedback

Hyron• 5,870

@hyrongennike

Posted about 2 years ago

Hi @Uyimolo,

Good job on the challenge

Just a suggestion but currently I can add any amount of numbers you can set a limit on the on input with maxlength="2" where 2 is the maximum number of characters and the same goes for `minlenght="2" .

Marked as helpful

Urhoghide Justin Uyioghosa• 300

@Uyimolo

Posted about 2 years ago

Thanks @hyrongennike , I'll do just that. Then the checks for length in my JS wont be needed anymore (lesser if statements lol).

Please log in to post a comment

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