Skip to content
Submitted over 1 year ago

A Email Input Page

DayaA•130
@Aishaakin
A solution to the Base Apparel coming soon page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. How do i make the error-icon and warning text appear when wrong email is inputed despite still adding a JavaScript code for that.
  2. How do i make the email placeholder pink.
  3. The image length is not in full length, despite I added min-height to 100%.
  4. Why is my image and brand-icon not showing up.
Code

Please log in to post a comment

Log in

Community feedback

  • MarieG41•220
    @MarieG41

    .hero .hero-paragraph input::placeholder { color: var(--desaturated-red);}

    • You need to select your input and ::placeholder to modify the place holder.
    • Add an addEventListener on the btn make the image appear when the button is clicked error.style.display = 'block'; for the error icon for example.

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