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

Responsive HTML5/CSS3/JS Base Apparel Coming Soon Page

P

@EONRaider

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


This was the first time I implemented some basic email validation on JavaScript. I made so I could re-use the code in upcoming challenges that bring the same requirement.

The validation itself is not bullet-proof (since it's client-side, anyway), but provides a good start.

This was the first project, however, in which I decided to make a design change. The FEM's model includes a submit button that feels completely out of place with an apparent "3D-look" that sticks like a sore thumb and is disturbingly reminiscent of iOS's slide-to-unlock feature. It makes no sense visually. I thus removed the linear gradient and the box-shadow in favor of a flat style. I also changed the email field's background color so a higher contrast would differentiate it more from the feature's overall background.

Community feedback

@shalomkerry

Posted

your's better in the email box than the design. the white contrast is nice.

1

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