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

Base Apparel with HTML inbuilt Form Validation

@jeremyoduromanu

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestions to improve my work is warmly welcomed

Community feedback

Aruj Joshi 290

@gtalin

Posted

Congratulation on doing this challenge. The layout is well done.

I do have a few suggestions for you:

  • You are missing the linear gradient and background pattern for the left section (where the text content is).

  • You have not added custom form validation and styling for when a user submits the form without a valid email field. A red outline should appear on the input field, an error icon should appear in the input field and an error message should appear below the invalid input field. You can add an attribute of novalidate on the form to prevent the default browser validation checks to kick in. And then add JS to validate the fields and also to add custom styles.

Hope these suggestions are helpful to you.

Marked as helpful

1

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