FAQ accordion-card

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Krishna! 👋

  Good effort on this challenge! Everything works good and responds well. Take a look at:

  • Change the alt attributes for the .woman-image, .box, as they don't add any extra context for screen reader users. Since your images are decorative your alt text should be provided empty (alt="") so that they can be ignored by assistive technologies.
  • Your container stretch after .question tab is open on resolutions bigger than 1440px
  • Try not to repeat your HTML code with image for each arrow. Easier way around is to use pseudo element ::before on your .question element. Set it to position: relative and your pseudo element as position: absolute. Put your image using content: url('image.jpg').

  Good luck with that, have fun coding! 💪

  1

  ---

  

  Krishna•195

  @krishna-nayakPosted over 3 years ago

  @tediko I really appreciate your help, Thank you.

  0
• 

  shashank•225

  @shashankrk46Posted over 3 years ago

  https://accord-card.netlify.app/ hi u can go through my code

  0

  ---

  

  Krishna•195

  @krishna-nayakPosted over 3 years ago

  https://youtu.be/FboXxLxg8eo watch this video you might find a great idea to solve this such problem.👨🏻‍💻 happy coding.😁

  0