Design comparison
Solution retrospective
👋Hello, Frontend Mentor coding community.
👨🏼💻This is my solution for the Result Summary
.
🛠️ Built with
:
- 🕸️Html 5,
Tailwind CSS
& Vanilla JS - 📱Mobile First Approach.
🎨 I added some custom features
:
- 🪄
Hover Effects
- 🫧
CSS Animations
- 🎰
Live Percentile Calculation
📜 What I learnt?
- 🗂️ Parsing JSON data
- ⚙️ async, await in JS
- ⚡Level Up tailwind CSS & vanilla JS
📈 Scored 99% on Google Pagespeed Insights!
I'll be happy to hear any feedback and advice!🤗
Community feedback
- @parimaldesignPosted over 1 year ago
Hi Nehal, Your solution is almost perfect but as a UI designer I can not overlook some of the subtle differences. Your colors are just a bit off and the shadow is a lot darker but I am sure if you had the Figma file it would have been absolutely perfect. I am fairly certain you get color codes in the readme file of the project or you can just open the screenshots in the browser and pick colors using dev tools. Just a little feedback. BTW I loved your caption, Do you mind if I copy the style?
1@NehalSahu8055Posted over 1 year agoThanks @parimaldesign for your valuable feedback.
- My main motive of doing this project was to learn parsing data with JSON.
- Regarding color palette, I used colors as per Color Contrast Accessibility Validator by a11y.
- Fem style guide colors are not as per a11y so, I avoid using style guide colors.
0
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