Not Found
Not Found
Not Found
Failed to decode param 'Bj%F6rn'
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Failed to decode param 'Bj%F6rn%20Maier'
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Failed to decode param 'Bj%F6rnMaier'

Submitted

Intro component with sign-up form

@Nard00

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


Advice would be appreciated.

Community feedback

Aayush Sood 1,175

@soodaayush

Posted

Your website is very good! I suggest fixing the 2 HTML issues that Frontend Mentor detected.

Happy Coding!

1

@Nard00

Posted

Thanks for you feedback!!!

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, Kenard Ellis! 👋

Your solution looks good and is responsive! Nice work! 👍

I suggest,

  • Adding a hover state to the submit button of the form.
  • I think the form could be a little wider in the mobile layout of the site. I suggest adding width: 100% and then adding a max-width so that the form can decrease in width when the width of the screen decreases but won't ever be too wide.
  • If you aren't going to do a whole lot of custom form validation, I'd leave out the alert box that pops up and tells the user that they need to enter a valid email (since that pops up even after they have entered a valid email but haven't submitted valid input for the rest of the forms). Simply adding the required attribute to the input elements (as you've done) should be enough! 😉

Keep coding (and happy coding, too)! 😁

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