Skip to content
Submitted about 3 years ago

FAQ Accordion Card challenge completed using HTML, CSS, JS and JQuery

Abdur Rahaman•350
@arbaiv
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Question: What is the proper way of adding SVG or animations outside of the normal content flow?

It was tough for me to add the illustration box outside of the main content div for the desktop version. But I have managed to add it using position absolute on the SVG and position relative on the parent of the SVG. But I still have confusion about it and would like to know the proper way.

Community feedback

  • David Osorio•560
    @osoriodevPosted about 3 years ago

    Using position for the element initial position is correct, for animations it is better to use transform properties, for example translate

    Marked as helpful
    0
    Abdur Rahaman•350
    @arbaivPosted almost 3 years ago

    @osoriodev Oh, thank's for letting me know. I should have used transform properties then it would have been easier.

    0

Please log in to post a comment

Log in with GitHub

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