Skip to content
Submitted over 4 years ago

Countdown Timer

Goksel•210
@gokseloz
A solution to the Launch countdown timer challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everybody! It would be great to take a look at the project and give some feedback about anything therefore I get a chance to improve myself. I am looking forward to it.

Code

Please log in to post a comment

Log in

Community feedback

  • David Payne•1,205
    @dpayne713

    Hi Goksel,

    Looks nice! Great job. I like all your notes to yourself in your css file. Very helpful.

    I’m viewing on mobile and wanted you to know that all the counters are getting pressed together in the center with no gaps between them. This is happening in both horizontal and landscape mobile safari.

    If you feel up to the challenge try incorporating the flip effect. On this one I did it by animating an additional div that gets both numbers - sits on top of the top one - flips down - and then disappears and resets on the top one again - over and over.

    Hope this helps.

    David

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Goksel! 👋

    Good work on this challenge! 👍

    I think that some of the text in the design is quite small below 600px (especially the labels below the countdown cards). Increasing those font-sizes would be a nice idea, I think! 😉

    Keep coding (and happy coding, too)! 😁

  • Luca•210
    @Ducknaro

    ehi bro, nice job, I would just say it's not 100% responsive. just add flex-wrap:wrap; to your flexbox and it should be fine. Nice job and keep doing challenges

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