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

FAQ Accordion Card

James 390

@neenreva

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Played a bit with pseudo elements and animations. Learned that pseudo elements are useful for adding things like SVGs but if you want to use eventlisteners to trigger them I could not find a way to target them. Just touched the tip of animations and what I did in the project is pretty much an example in MDN documentation. Understand that the transform property is going to be the thing that is played with the most for manipulating the object. Translate X&Y are how the movement is taking place. Keyframes help you break down the series of events. Should be fun to explore this more in depth.

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