Submitted 7 months ago

A Email Input Page

DayaA• 100

@Aishaakin

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

MarieG41• 210

@MarieG41

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

Please log in to post a comment

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