Skip to content
Submitted about 3 years ago

Responsive component using CSS Grid and JS form validation

Dmitry•375
@dmitrymitenkoff
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This was a fun challenge to practise using <picture> element as well as JavaScript for validating the form input field.

Community feedback

  • Harmanjot Singh•985
    @arkharman12Posted about 3 years ago

    Error message is not clearing out once the validation is passed.

    Marked as helpful
    0
    Dmitry•375
    @dmitrymitenkoffPosted about 3 years ago

    @arkharman12, thanks for spotting the error! I just updated the JS code and pushed the changes, so the error msg should clear. cheers

    0
    Harmanjot Singh•985
    @arkharman12Posted about 3 years ago

    @dmitrymitenkoff Same goes for other way around, you might want to fix that as well!

    Marked as helpful
    0
    Dmitry•375
    @dmitrymitenkoffPosted about 3 years ago

    @arkharman12 thanks! I've completely re-written the JS code for form validation, fingers crossed it works better now! cheers :)

    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