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 javascript

Andy 295

@AndreanaPerla

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


Unfortunately I was not able to create the flip animation, no matter how many tutorial i saw... if someone can give me some tips it's would be very appreciate :)

Community feedback

Bonrey 1,130

@Bonrey

Posted

Hi, Andy! 👋 Nice effort on this challenge!

A few suggestions:

  • I'd make the site more responsive by changing the breakpoints. The problem is your site doesn't look pretty when the screen width is between 375px and 700px 🙁
  • Also, I'd probably not squeeze the background image when you resize your window (making it narrower). Just show some part of it (e.g., left or right). In my opinion, that'd look better. However, it's just my opinion 😏
  • As for the flipping animation, I myself struggled with it for a long time. But eventually I did it using a tricky html & css combination and setInterval() & setTimeout js functions. You can check out the solution in my profile 🙂
0

Andy 295

@AndreanaPerla

Posted

Hi @Bonrey! Thank you so much for your feedbak! I added a breakpoint in my css style ;) About the flip animation I'm still working on it and I'll definitely look at your project for some ideas! Thanks again!

0
Bonrey 1,130

@Bonrey

Posted

@AndreanaPerla no problem! Good luck with your coding! 😉

0

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