Skip to content
Submitted over 3 years ago

FAQ accordion

Joran Minjon•610
@DrKlonk
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

Positioning and resizing the images gave me a headache. What would be a better way to do this?

Other comments of course very much appreciated!

Community feedback

  • Grace•31,230
    @grace-snowPosted over 3 years ago

    Hi Joran

    Viewing on my mobile the content is very narrow. I think the questions look strange being center aligned and the line height on answers needs increasing too. Fixing all of this will get it closer to the design

    0
    Joran Minjon•610
    @DrKlonkPosted over 3 years ago

    @grace-snow Good points, thanks! I fixed your comments to the best of my abilities

    0
    Grace•31,230
    @grace-snowPosted over 3 years ago

    @DrKlonk good job, well done. Now all you need is to address the html errors flagged in the report

    0
    Joran Minjon•610
    @DrKlonkPosted over 3 years ago

    @grace-snow Yup, did that and made the images look better (including a hidden overflow on desktop). I'll make it a habit to fix the html/accessibility errors first.

    1

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