Design comparison
Solution retrospective
Hello Front-End Mentor Communityπ I'm Amine and here is my solution for this challenge! πβοΈ
Built with π οΈ
- HTML π§Ύ
- CSS π¨
- JavaScript π€
- Figma π₯
- Prettier π»
- Mobile first workflow approach π²
Features π
- Score of 100% in Lighthouse score for performance, accessibility, best practices, and SEO π
- Progressive Web App (PWA) support π±
- Respect of Web Content Accessibility Guidelines (WCAG) 2.1 π
- Design Accuracy π―
This challenge seems very easy, and it did not took me too much time to solve but... it helped me a lot to get used to working with Figma and to get more comfortable with it to collaborate with any designer in the future. The most amazing thing i learned about Figma, is the simplicity of the tools, which helps so much to get the exact sizes and the exact recources that we will work with to build our projects. π
What specific areas of your project would you like help with?I would like to know more about Figma plugings, and how effective they are in terms of converting Figma files into a code.
Feedback welcome πβοΈ
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