Skip to content
Submitted almost 4 years ago

Launch countdown timer

Florian Andrieux•225
@Gilliams
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

Probably my most difficult project so far. I have a little difficulty on the middle circle if someone has a trick to advise I'm a taker haha.

Thanks in advance if you take a look at it.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    Hello there, fellow Florian Andrieux! 👋

    Well done on this challenge! 👍 I think your solution looks great and you did a nice job on the flipping animation! 🙌

    I'd like to suggest,

    • Making sure the attribution and the social media icons do not overlay the countdown cards in the mobile layout when the height of the screen is small.
    • Vertically aligning the countdown cards in the mobile layout with each other (the bottom cards seem to be pushed to the right a bit).
    • Adding a <title> tag to your inline SVGs to make them more accessible and get rid of those errors on your solution report.

    Keep coding (and happy coding, too)! 😁

    1
    Florian Andrieux•225
    @GilliamsPosted almost 4 years ago

    @ApplePieGiraffe Thank you very much for these suggestions and the review ! 🙏 I made these changes.

    Happy coding too 😁

    1
  • Antonio Della Fortuna•140
    @adarkforcePosted almost 4 years ago

    That looks great! The animation is very nice.

    0
    Florian Andrieux•225
    @GilliamsPosted almost 4 years ago

    @adarkforce Thank's a lot ! 😃

    1

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