FAQ accordion card

Community feedback

• 

  Kehinde•660

  @jonathan401Posted over 2 years ago

  Hey @maciejfedor 👋. Congrats on completing this challenge 🎉🎉. You did a really good job 😇. I have a few suggestions though.

  1. Looking through your index.html file I noticed you placed the arrow image in every .item class. This is not considered good practice as you should try to always avoid repeating code ☺️. You could try using the ::after pseudo selector to place the arrow image after every item class. So it'll look something like : .item::after { content: url (images/icon-down.svg); display: block; width: 1rem; height: 0.6rem; stroke-width: 2px; }.

  2. You could also try using the details tag along with the summary tag to create the faq questions and answers ☺️. You could read about it here.

  P.S you could apply the suggestions above in your future projects ☺️. There's no need to change your code it still looks great 😇😇.You did an awesome job 👏 Happy coding 🎉🎉

  Marked as helpful

  1