Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ-Accordion using html , css & vanilla JS

@MizanSafin

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I have completed it facing very little problem . Next time I try to do it by React JS

What challenges did you encounter, and how did you overcome them?

**I face no problem designing this project except Javascript parts :**

  1. HTML & CSS is used to design it . CSS flexbox helps me lot . FrontEndMentor starter file contains everything for designing idea like - Typography ,color ,space etc.
  2. In Javascript part I face problem during changing plus icon to minus icon along with show/hide answer paragraph . I solve it by event object ,query methods , If else statement and image src attribute etc.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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