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

Vanilla JS and SASS

P
Dan Marius 625

@danmlarsen

Desktop design screenshot for the Clock app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Tons of hidden challenges here. I had to jump through some hoops to get all the APIs working correctly. I made a quick proxy API for the world time on Heroku (to get it working over HTTPS), which is why the initial load might take a while (the API app goes asleep after some inactivity).

A tiny nitpick bug I never managed to solve is the ":" between hours and minutes get pushed to the bottom when I set a negative letter-spacing. Not on Firefox, however.

Focused mostly on practicing JS and animations on this one, but any feedback is welcome!

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