Design comparison
Solution retrospective
Made with:
- HTML 🦴
- CSS 🎨
- JS 🤖
- for practice, I didn't use any libraries this time 🚫🚫
- mobile-first workflow 📲📲
- did my best to make it accessible 🦼
- made the custom buttons keyboard accessible ⌨️
Accessibility is a BIG problem for me. Usually I just don't have the patience to set up everything correctly for it, but this time I tried at least!! ☝️☝️
What specific areas of your project would you like help with?As always, if you notice anything, you know what to do 👇👇
Community feedback
- @undrthegraveyardPosted 6 months ago
Hey, hi. The code is very well structured, but one thing that I noticed off the top was nested <html> elements and multiple <head> elements, with different <title>. What do you think?
Marked as helpful1@kodan96Posted 6 months agodam you're right @undrthegraveyard
Conclusion: don't start over a project almost immediately after waking up, drink a coffee at least. 😩🤷♂️
2 - @Princy-patelPosted 6 months ago
Your form page demonstrates good use of semantic HTML and accessible design principles. The layout is responsive and adapts well to different screen sizes, ensuring a consistent user experience across devices. The code is well-structured and readable. The form validation is effective, providing immediate user feedback. Overall, the solution is robust and well-implemented; great work!
Marked as helpful1
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