
Solution retrospective
I'm proud of learning how to use the input.type property for clean, dynamic validation and building a well-structured, styled form with responsive elements. Next time, I’d use the calc() function in CSS to improve responsiveness and layout flexibility.
One challenge was ensuring accurate validation for different input types (text, email, radio, checkbox). I solved it by looping through inputs and handling each type individually using input.type.
Another challenge was managing the sizing and alignment of form elements inside the container. I adjusted width, margin, and flex settings to ensure a balanced and clean layout.
I’d like help optimizing form responsiveness with better layout techniques, possibly using grid/flex combinations for cleaner scaling on smaller devices.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Anar765's solution.
Join 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