Design comparison
Solution retrospective
I was wondering about the design of the layout in small devices, what do you guys think? Is it okay?
Community feedback
- @haykognPosted over 4 years ago
This comment was deleted over 4 years ago
2@raryssonPosted over 4 years ago@haykogn I was talking about placing the error text underneath the input. Preventing the default action was the easy part, but for some reason, I couldn't place the error message properly. But thanks for trying to help.
0 - @adarshcodesPosted over 4 years ago
Hi @Rarysson, your design looks great and the mobile view is nicer😍. Great work👍. One suggestion, try to solve the Accessibility issue.
2 - @fadzrinmaduPosted over 4 years ago
hello @rarysson, good work for responsive display, maybe you can continue to make the form validation work using javascript
1@raryssonPosted over 4 years ago@fadzrinmadu but I did it. It's not the best, but when the user send an empty email or an invalid email, the input shows a message, and inside of it, appears an icon of error. But thanks for your feedback.
0@haykognPosted over 4 years ago@rarysson You did it but you used the default HTML5 form look. You can remove the default and style it using custom styles to make it look nicer.
1@raryssonPosted over 4 years ago@haykogn I'll try on the next challenge, I tried on my last challenge and it was harder than I thought, so I gave up hahaha. But yeah, the default style isn't as beautiful as the original design. Do you know any tutorial that teaches how to do it properly? I searched for it and couldn't find anything useful.
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