Design comparison
Solution retrospective
I’m most proud of the responsive design and how well the form validation works across devices.
Next time, I would focus more on optimizing the performance, perhaps by minimizing the CSS and JavaScript code further or using more advanced validation techniques.
What challenges did you encounter, and how did you overcome them?One of the main challenges was implementing responsive design across different screen sizes, especially when adjusting the layout for both mobile and tablet views. Ensuring that the content remained readable and the form was easy to use required careful testing and tweaking with CSS media queries.
Another challenge was handling form validation in a user-friendly way. Initially, the error messages were not displayed clearly, and the error icons didn't align properly. I overcame this by refining the layout with relative positioning and adjusting the design for better visual feedback. Additionally, I wrote concise, clear error messages and added visual cues like the error icon to enhance the user experience.
What specific areas of your project would you like help with?I’d appreciate advice on implementing real-time form validation feedback (as the user types) to enhance the user experience further.
I'd like help with optimizing my CSS and JavaScript code, particularly for mobile devices, to improve page load speed and reduce resource usage.
Community feedback
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