Skip to content
Submitted almost 2 years ago

Solution of intro component with sign up form, using sass and JS

Matias Vignola•220
@MatiasVignola
A solution to the Intro component with sign-up form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello....this is my solution to the challenge, but I need help with a part of the script, since it is not working for me and I cannot see the error

Code

Please log in to post a comment

Log in

Community feedback

  • Efere Precious•580
    @justEfere

    hello, you can use this solution:

    <div class="form-group"> <input type="text" name="firstname" placeholder="First Name"> <span class="err-icon">!</span> <span class="err-msg">firstname cannot be empty</span> </div>

    for the css You can use css positioning to position the err-icon and err-message within the form-group div and also set their property to visibility: "hidden".

    for the js select err-icon and err-message and when displaying errors, set their visibility to visible.

    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