Design comparison
SolutionDesign
Solution retrospective
Hi there π, Iβm Danil and this is my solution for this challenge. π
β‘ Performance:
- 90%-100% on lighthouse report and PageSpeed Insights. π
- W3C html validity checker (0 errors, 0 warnings). π
- Axe Dev Tools (Only color-contrast issue). βΏ
- Checked using the keyboard. β¨οΈ
- Zooming checked. π
π₯ Features:
- Responsive design. π±
- Tab-indexing for accessibility. βΏ
- Near-perfect matching design. π₯
- Readable code with comments (CSS). π¨βπ»
β Help:
- How do I make my TypeScript more efficient and clean? π‘
- How can I improve the folder structure of the project? π
- Is my CSS good? π
π οΈ Built With:
- Semantic HTML5 markup. βοΈ
- Flexbox. βοΈ
- Media queries. βοΈ
- Mobile-first workflow. βοΈ
π¨βπ» Languages Used:
- HTML. βοΈ
- CSS (Vanilla). π¨
- JavaScript (Vanilla). β¨
- TypeScript (Vanilla). π
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. π₯
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