Skip to content
Submitted 11 months ago

Results summary component with Typescript and SCSS

kxrp•640
@kxrn0
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

I'm not very satisfied with this since it became a bit messy towards the end. I have to plan more thoroughly next time.

Community feedback

  • Nature Son•1,100
    @NatureSon22Posted 11 months ago

    That's really impressive! I'm just starting out, and I'm quite fascinated by the animations you've incorporated. Did you create them from scratch? I've still got a lot to grasp, but I'm particularly keen on diving into animations. Do you have any tips or resources that could help me get started in that direction?

    1
    kxrp•640
    @kxrn0Posted 11 months ago

    @NatureSon22 Thanks, the CSS animations are actually very simple; I'm just changing transform, opacity, and left. This page is all I needed to implement them https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations.

    0
  • Marcos Travaglini•4,840
    @BlackpachamamePosted 11 months ago

    Wow this looks amazing! You added your touch and it's pure magic 🧙

    1
    kxrp•640
    @kxrn0Posted 11 months ago

    @Blackpachamame thanks

    0

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