Skip to content
Submitted 16 days ago

Modern Score Card Component | HTML, CSS (Flexbox) & JavaScript

#pure-css#accessibility
Emirhan Sezgin•40
@emirsezginn
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

What are you most proud of, and what would you do differently next time?

What I am most proud of is that this component is both technically sound and flexible. I created a responsive design with Flexbox, which allows the component to work seamlessly on different screen sizes. By performing dynamic calculations with JavaScript, I ensured that the values ​​I entered were instantly processed and reflected on the screen, and the results were presented to the user.

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