Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

apparel coming soon page

@anonymousbazooka

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

P
Koda👹 3,810

@kodan96

Posted

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
Discord logo

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