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

Intro Component with Signup Form [HTML, CSS, JS with Form Validation]

@faruqAbdulHakim

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


Feel free to give any feedback or suggestions. 😃

Community feedback

@petritnuredini

Posted

Congratulations on completing your Intro Component with Sign-Up Form project! It's impressive to see your dedication and hard work. Here are a few suggestions to further enhance your project:

  1. Consistency in HTML and CSS:

    • Be consistent with your use of quotation marks in HTML. For example, in your meta tags and link tags, stick to either double quotes (" ") or single quotes (' '), but don't mix them. Consistency helps improve readability and maintainability of the code. You can learn more about HTML best practices from W3Schools.
  2. JavaScript Form Validation:

    • Great job implementing form validation! To further improve, consider adding more comprehensive validation for the email field. For example, validating the presence of an @ character or checking for common email formats. This ensures a better user experience and data integrity. Check out more advanced validation techniques on MDN Web Docs.
  3. CSS Organization:

    • Your CSS is well-organized, but you can enhance it by grouping related properties together. For instance, all padding-related properties can be grouped, followed by font-related properties, etc. This organization makes it easier to read and maintain your CSS. For more CSS best practices, visit CSS-Tricks.

Keep up the good work! Every project you complete furthers your skills and knowledge in web development. Your progress is commendable, and I encourage you to keep challenging yourself with new and more complex projects. Remember, practice makes perfect. Keep coding and exploring new ideas! 🌟🚀

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