Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
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
View live sitePreview (opens in new tab)View codeCode (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 with GitHub

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License