Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Responsive accordion FAQs page using html css and vanilla Javascript

asad1001•10
@asad1001
A solution to the FAQ accordion challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


The most difficult part of this project was script. I found it difficult to animate the plus and minus icons. That is why i am unsure about this part. The description of this task provided a desing for mobile as well. So, should I write another html and css for mobile design in this case?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in with GitHub

Community feedback

  • accama muhammad•280
    @accamamuhammad
    Posted over 1 year ago

    you do not need to create a new project for the mobile design. you should go and watch the a video on youtube on responsive web design to understand it more

    Marked as helpful
  • Mohaymenul Islam•310
    @nayem567
    Posted over 1 year ago

    Well Done. And no, don't write new html, css for the mobile design. The html are always same. You have to use "media query" for mobile design. It is called Responsive Web Design. You will find good videos and articles all over the internet about this, specially check out Youtube. To be a Web Developer, learning responsive web design is a must. Good Luck

    Marked as helpful

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub