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

Just with scss and js, also a non-media query^^

@pikapikamart

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, this is my 18th challenge. It's been a while since my last submission because there are things that I am dealing with. Also i've been designing and creating web apps on my own and that is a win over what i'm dealing with, so yey :>>

This challenge was pretty fun, I also made this a non-media query using clamp function which is very handy in terms of sections like this, well aside for using prefers-reduced-motion.

Also, don't do ternary inside ternary like what I did in my countdown class in js, I just made it so that it won't take couple of lines :>

(Just noticed that when loaded in mobile, the center of the card seems a bit janky, it is like see through the next number, why is that not appearing on desktop hmmm)

Feel free to comment any issues found. Thank youuu^^^

Community feedback

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