Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Countdown timer

Marta 630

@martam90

Desktop design screenshot for the Launch countdown timer coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

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

@RayaneBengaoui

Posted

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
Discord logo

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