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

Tailwind (based on simple Gatsby starter)

p1t1ch 390

@p1t1ch

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


In my solution the bottom panel pushes main section out to hide the comment in the smooth way. Because of overflow wrap you cannot use the app on horizontal mobile view, but I think for this kind of app this is the better UX anyway. APIs fetch is running only one time. After that the time is updated for each second via simple setInterval. Hope you like the end result 😉

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