Skip to content
Submitted over 3 years ago

Countdown Timer - SCSS, JS

accessibility, gulp, sass/scss
P
Dave•5,295
@dwhenson
A solution to the Launch countdown timer challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I had to do a lot of mental gymnastics to get the animation working on this one. I feel like a need to lie down for about a week now. Any feedback or suggestions most welcome.

Just updated this one as I noticed that the JS refresh was overwriting the transitions. It works now but the JS is not ideal and very repetitive.

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Dave! 👋

    It's been a while! I've been rather quiet lately since I've been pretty busy. But I'm happy to notice you submitted another solution! 🎉 You've done a great job on this one!

    I haven't completed this challenge, yet, but I think you've done really well on the flipping animation. And you've nailed the design and the responsiveness of the site! 👏

    Tiny thing (but it's all I can suggest, really)—you might have forgotten to add a favicon to your solution. 😅

    Also, you might want to consider adding some sr-only text inside the links in the footer of the page just so screen readers have something to read for the purpose of each link. 😉

    And, of course, keep coding (and happy coding, too)! 😄

    Marked as helpful
  • Akerele Tunde•165
    @trafiki

    Quick question, What did you use for the animation?

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