Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

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

accessibility
Faruq Abdul Hakim•580
@faruqAbdulHakim
A solution to the Intro component with sign-up form challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Feel free to give any feedback or suggestions. 😃

Code
Couldn’t fetch repository

Please log in to post a comment

Log in with GitHub

Community feedback

  • Petrit Nuredini•2,860
    @petritnuredini
    Posted over 1 year 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:

    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

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub