Skip to content
Submitted over 3 years ago

Countdown timer

Marta•630
@martam90
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Launch countdown timer
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hello,

I would appreciate any feedback. I am thinking how to add flip card animation but so far without any luck. I will be glad for any hint, thank you.

Community feedback

  • Rayane•1,935
    @RayaneBengaouiPosted over 3 years ago

    Hello Marta,

    Congrats for completing the challenge ! Almost pixel perfect 🙂

    Just on your SASS part, I think it's well structured but instead of using @import with SASS, it's recommended to use @use because the first one is now deprecated.

    You can find more information on the SASS official documentation (https://sass-lang.com/documentation/at-rules/import) where it's well explained. Also here is a great video of Kevin Powell that shows how to use it (https://www.youtube.com/watch?v=CR-a8upNjJ0).

    I didn't try this challenge yet, but for the flipping animation I guess you'll have to use the CSS perspective property and some transform.

    Overall, well done for the challenge and happy coding ! 😃

    2

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