Skip to content
Submitted over 3 years ago

Launch count-down timer

Siva kumar Katari•150
@sivakumarkatari2020
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 everyone, this is my new solution and of course it looks some weird ,due to that flipping animation and it is applying for every second and I tried it many different ways but it is not working ,If you have gone through my solution code and you got an idea for resolving this please let me know in the comments, I will update it.

Thank you.

Community feedback

  • Amon•2,560
    @A-amonPosted over 3 years ago

    Hello, it looks great! To make certain cards flip only when their values change, I would add a class to the card when the time comes for it to flip, instead of setting the animation to infinite. I would suggest putting the long JS code into a separate .js file to make it neater.

    Marked as helpful
    0
    Siva kumar Katari•150
    @sivakumarkatari2020Posted over 3 years ago

    @A-amon okay I will try this way. Yeah I think also to divide my js code into separate file, thanks for this amazing feedback 🙌

    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