Skip to content
Submitted over 3 years ago

FAQ accordion card Solution

Chloe C•20
@chungchloe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  • When on horizontal orientation on mobile devices, the height of the whole page is off. What is the best way to resolve this?

  • What would be the simplest and most efficient way to refactor/write the jQuery code I wrote for this solution? Would it involve using "this"?

Thanks in advance!

Community feedback

  • Daniel Truong•155
    @anhduy1202Posted over 3 years ago

    Hi, first of all great work ! For your first question, I don't see anything off when I resize it in dev tool, otherwise considering using min/max-height or width with percentages. For the second question, this can be done in Js also, you can check my code out if you want since I'm not familiar with JQuery :D pls like if this is helpful, happy coding!

    Marked as helpful
    1
    Chloe C•20
    @chungchloePosted over 3 years ago

    @anhduy1202 Thank you! I will check out your code for reference for sure!

    0
  • Victor•1,035
    @CodeVeePosted over 3 years ago

    Great Implementation. On your second question, no it won't involve the "this" keyword. Query Selectors and looping through a node list will do the trick without the code duplication.

    Marked as helpful
    0
    Chloe C•20
    @chungchloePosted over 3 years ago

    @CodeVee Thank you! That is very helpful :D

    0

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