Skip to content
Submitted over 2 years ago

Responsive Result Summary using tailwind

accessibility, animation, tailwind-css
_nehal💎•6,710
@NehalSahu8055
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

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!🤗

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on _nehal💎's solution.

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