Skip to content
Submitted about 2 years ago

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

Urhoghide Justin Uyioghosa•300
@Uyimolo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

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
    @hyrongennikePosted 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
    1
    Urhoghide Justin Uyioghosa•300
    @UyimoloPosted 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).

    0

Please log in to post a comment

Log in with GitHub

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