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

Launch Countdown using React and Sass

Skanthan 295

@skanthanvijay

Desktop design screenshot for the Launch countdown timer coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

T
Grace 29,310

@grace-snow

Posted

Hi

I’m afraid this isn’t working for me viewing on iPhone 12 mini. The animation isn’t happening, I just get each half of a number changing at different times, very stuttery/janky

I haven’t looked into the code as I don’t do react, but it’s important to make countdown timers accessible. I would probably Aria hide the animated one and have an sr-only timer on there and use other aria- attributes to read out the time only after larger changes (eg every minute not second). Read up on accessible countdown timers if you haven’t already, I know MDN has a page about this.

Good luck

1

Skanthan 295

@skanthanvijay

Posted

@grace-snow Out of curiosity, which browser do you use? That might help in solving the issue as on Chrome, Edge, and Firefox it works fine for the viewport sizes we are supposed to fit it to.

0
T
Grace 29,310

@grace-snow

Posted

@skanthanvijay all iPhones use safari IOS browser engine even if using other browsers on these devices so it makes no difference

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