Intro Component with Signup Form [HTML, CSS, JS with Form Validation]
Design comparison
Solution retrospective
Feel free to give any feedback or suggestions. 😃
Community feedback
- @petritnurediniPosted 10 months ago
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:
-
Consistency in HTML and CSS:
- Be consistent with your use of quotation marks in HTML. For example, in your
meta
tags andlink
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.
- Be consistent with your use of quotation marks in HTML. For example, in your
-
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.
- Great job implementing form validation! To further improve, consider adding more comprehensive validation for the email field. For example, validating the presence of an
-
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 helpful1 -
Please log in to post a comment
Log in with GitHubJoin 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