Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Applied Visual Design: Modify Fill Mode of an Animation - Not accepting all valid answers
See original GitHub issueChallenge Name
Applied Visual Design: Modify Fill Mode of an Animation
Issue Description
If you insert the “animation-fill-mode: forwards;” between “animation-name: background-color;” and “animation-duration: 500ms;” or above “animation-name: background-color;”, the behavior is exactly what is expected of the challenge, however the test fails stating:
message: button:hover should have a animation-fill-mode property with a value of forwards.
Inserting the line at the end of both statements allows you to pass the test.
Browser Information
- Browser Name, Version: Opera (identified as Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 OPR/50.0.2762.58), Version 50.0
- Operating System: Windows 10 64-bit (WoW64)
- Mobile, Desktop, or Tablet: Desktop
Your Code
Screenshot
Issue Analytics
- State:
- Created 6 years ago
- Comments:9 (8 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I’m on it
@zandthecoder Thanks for reporting the issue.
This challenge’s test strictly checks if we type the correct code && in the exact order. https://github.com/freeCodeCamp/freeCodeCamp/blob/b1b8074733f2eba996383df4d2f7dfd7aecb23d5/seed/challenges/01-responsive-web-design/applied-visual-design.json#L2092 It shouldn’t be that rigid. I’ll raise a PR for this one later today. Happy coding!