Responsive base apparel coming soon page[Using vanilla CSS & JS]
Design comparison
Solution retrospective
Hi there,
Try out the click events and validations set on the input field and let me know if you find anything missing.
Thank you!
Community feedback
- @MakMaoPosted about 3 years ago
Hey @Manojraj07
Your solution looks good - it is very close to the design:)
One thing I noticed is that you did not center your solution vertically even though you used
flex
andalign-items: center;
. The default height is zero which means that if you addmin-height: 100vh;
to yourbody
you will also have it centered vertically. Hope that helps.Marked as helpful1 - @CrystalNyeinPosted about 3 years ago
It's pretty cool. I checked out your input field too. Click event after 'Enter' key is a great idea. I'll implement one in mine too. One thing is that the value inside is cleared after losing focus is quite unnecessary in my opinion. Because people might accidentally click outside without their intention and they would need to fill in again. I love the design.
Marked as helpful0@Manojraj07Posted about 3 years agoHey @CrystalNyein,
You're right. Click events outside the form that clears form values are not ideal for a real time design.
Since our current challenge doesn't have any clear field separately, I just tried that out to make viewers try out different email formats quickly.
Thank you for reviewing my work :)
0 - @Manojraj07Posted about 3 years ago
Hey @MakMao,
Thanks for the tip. I have implemented the same. :)
0
Please log in to post a comment
Log in with GitHubJoin 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