Looking to hire developers?
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!
@MakMao
Posted
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 and align-items: center;. The default height is zero which means that if you add min-height: 100vh; to your body you will also have it centered vertically. Hope that helps.
Marked as helpful
@CrystalNyein
Posted
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 helpful
@Manojraj07
Posted
Hey @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 :)
@Manojraj07
Posted
Hey @MakMao,
Thanks for the tip. I have implemented the same. :)
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
