Skip to content
Submitted over 1 year ago

Responsive Result Summary using tailwind

#accessibility#animation#tailwind-css
_nehal💎•6,710
@NehalSahu8055
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

Please log in to post a comment

Log in with GitHub

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