Skip to content
Submitted over 3 years ago

FAQ accordion using HTML, CSS and JavaScript

Lisa Clark•185
@Lisa-C-27
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

I found positioning the background images in this one a little difficult and that took up the majority of my time spent on this particular challenge. I would appreciate any feedback on what I could have done better in this challenge.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    You should lower your media query to 867px

    0
    Lisa Clark•185
    @Lisa-C-27Posted over 3 years ago

    @palgramming Thanks - I ended up putting a max-width of 450px on the card component for device width less than 899px and then changed my media query to 900px instead, which then changes the max-width of card to 860px

    1
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @Lisa-C-27 Looks much better.. Nice Job!!!

    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