Design comparison
Solution retrospective
Hey, in this project I've used some react third party libraries such as react-hook-form and react-responsive. Feedback is welcome :)
Community feedback
- @KrishnaVishwakarma1595Posted about 1 year ago
Hi, @amirhossein-peyvand
I've got some points to mention -
- As the background of the design is already light, the placeholder text of input is hard to see. You can provide a bit dark dark color to the placeholder.
input::placeholder{ color: #4f7df3 // or any bit dark color }
-
Same issue happens with the error message as the color is also light and the font size is small and weight is light, it is little hard to read on bigger screen. You can increase a font size and provide the
font-weight: 500
orfont-weight: 700
-
It should show the user error message when a user tries to submit an email like this
krishna@gmail
as it is not a valid email. But it does not show any error message. -
You can keep the input and button beside to each other for tab screens too and make them below after at least
<=600px
I hope these points will help you to improve. Although it is very nice.
Happy Coding
Marked as helpful0@amirhossein-peyvandPosted about 1 year agoHi, thanks for your recommendation@KrishnaVishwakarma1595
1
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