Skip to content
Submitted about 3 years ago

Intro component with sign-up form with pure CSS/JS

accessibility, lighthouse, bem
Ahmed Abdelgawad•315
@ahmedAgawad
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

If you have any feedback please write a comment

happy coding 😊😊.

Code

Please log in to post a comment

Log in

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hi, Ahmed Abdelgawad! 👋

    Congratulations on completing this challenge! 🎉

    It's great to see you finishing another challenge. I have some suggestions from me.

    • Always use a meaningful element to wrap text content instead of div and span. So, I recommend wrapping the error message with p element.
    • I recommend doing some research to make the error messages get pronounced by the screenreaders.
    • For the icon-error.svg, you can try making it as the background image of the input element directly. I think it is much easier because you can control the error icon with background-position.

    That's it! I hope this helps. 😄

    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