Skip to content
Submitted 9 months ago

FAQ Accordion (JS/SCSS)

#accessibility#bem#sass/scss
P
Bartosz Dudziak•720
@bartoszdudziak-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • It looks ok overall
What challenges did you encounter, and how did you overcome them?
  • The biggest encounter was to create animated accordion itself. I used a trick method with grid-template-rows manipulation
What specific areas of your project would you like help with?
  • I still don't feel confident with dealing with background-image like in this example. I don't have an idea how to make is sticky or stop from weird resizing
  • Similar with icons, should I use img or svg tags? My solution includes svg but I'm not sure my approach is good especially with toggle them
  • Please leave a comment or your opinion 🫡

Community feedback

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