Skip to content
Submitted almost 3 years ago

Responsive design. Made without using JS and added some animations :)

Hanif•570
@1Hanif1
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 tried to make this accordion without using JavaScript. It wasn't as tricky as I thought it would be lol. I did my layout using CSS Grid and made it responsive using vw unit and max() function. Added little bit of animation too. Would really appreciate some feedback! Thank you :)

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Fantastic Job !

    Really good, without using JS

    But in mobile while I was checking, why your faq question answer container freezes for a moment while opening and closing.

    But overall 8/10 l, because you did it without using JS...

    Keep move on towards next level. Congrats 🎉

    0
    Hanif•570
    @1Hanif1Posted almost 3 years ago

    @skyv26 Thank you for your feedback!! I checked mobile view and it's working fine at my end, So I don't know what the issue is 😅

    0
    Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    @1Hanif1 Good Luck

    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