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

Responsive site built with FlexBox

Attrams 130

@Attrams

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone, this is my solution to this challenge. Thank You.

Community feedback

P

@Minamakhlouf

Posted

Hi Attrams,

Great job on the design

The only feedback I would give is that the error messaging that should come with form validation doesn't work as well as it should.

For example, if I click the submit button without typing anything into any of the inputs fields, it won't give me an error message.

What I would recommend is learning about the "submit" event and put that on the form element itself.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event

In addition to that, you should also learn about the regular expressions that go along with the validating something a valid email

https://www.w3resource.com/javascript/form/email-validation.php

Hope this helps.

Aside from that, fantastic job.

0

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