create stopwatch task using keyframes #3540
Conversation
There was a problem hiding this comment.
Great job on meeting the task requirements and constraints! 🎉 Your code is well-structured and functional, with only a minor issue regarding the animation duration calculation in SCSS. Remember to calculate the duration directly in seconds, like 3600s for 60 minutes, to ensure proper functionality. Keep up the excellent work and continue refining your skills! 😊
✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨
| width: 3vmin; | ||
| height: 20vmin; | ||
| background-color: #0700ff; | ||
| animation-duration: 60 * 60s; |
There was a problem hiding this comment.
The animation-duration property is set to '60 * 60s'. This is not a valid SCSS or CSS syntax for multiplication. You should calculate the duration in seconds and set it directly, e.g., '3600s' for 60 minutes.
DEMO LINK
Keyframes implemented using from/to + transform with rotate property
Stopwatch is centered and has the correct arrows size
All
Typical Mistakesfrom theBEMlesson theory are checked.Code follows all the Code Style Rules ❗️