responsive faq accordion main challenge

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 2 years ago

  Hi, Bedevelided! 👋

  Good work on this challenge! 👍

  The images in this challenge can be a bit tricky to position! The trick to positioning the images that pop out of the card is to use absolute positioning and position them relative to the card itself (which means you'll have to add position: relative to the card element). That way, they'll remain in their place when the screen is resized/or the card moves. That's what I did in my solution to this challenge if you'd like to check it out for any ideas. 🙂

  Besides that, I'd like to suggest using the details and summary HTML elements to create the accordion elements in this challenge, as they make creating accordion elements very easy and are interactive and fairly accessible out-of-the-box. 😉 If you'd like to learn more about the details and summary elements and how you can use them, this article from MDN is a great place to start.

  Hope you find this helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  1