Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

interactive card details form

#accessibility#less#typescript

@buberrie

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Trying out Less and typescript for the first time was really interesting, Typescript was fun to use but very demanding, which can be annoying. but I pulled off eventually and I'm happy I did.

Community feedback

Saad Hisham 1,750

@Saad-Hisham

Posted

👏🎉 Great job Your design is fantastic and everything looks clean and well-validated. 👍

Just a small tip to improve accessibility - consider wrapping the app inside a <main> tag instead of the <div>. This can greatly improve accessibility and make your content more inclusive. ♿️

Keep up the amazing work! 🤩🚀

1

@buberrie

Posted

I appreciate your feedback, Thank you very much 😊

I will do as you’ve advised @Saad-Hisham

1

Please log in to post a comment

Log in with GitHub
Discord logo

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