Skip to content
Submitted 6 months ago

apparel coming soon page

anonymousbazooka•100
@anonymousbazooka
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Email validation

What specific areas of your project would you like help with?

the email validation isn't working after multiple debugging it still doesn't toggle the error image inside the input and error messages it doesn't matter if i typed in a wrong or right email..it always validate it as true

Community feedback

  • Koda👹•3,830
    @kodan96Posted 6 months ago

    hi there! 👋

    both .invalid and #error-image has display: none; on them by default. by toggling the .hidden class they still wont appear, because they will still have display: none; on their own selector.

    use the class-toggling to display the image and the message or remove display: none; from their own selectors, so the hidden class can actually toggle them.

    hope this helped 🙏

    Good luck and happy coding! 💪

    0

Please log in to post a comment

Log in with GitHub

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