Skip to content
Submitted 9 months ago

A Email Input Page

DayaA•100
@Aishaakin
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

  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.

Community feedback

  • MarieG41•210
    @MarieG41Posted 9 months ago

    .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.
    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