Just with scss and js, also a non-media query^^
Design comparison
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 GitHubJoin 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