Skip to content
Submitted over 3 years ago

FAQ Accordion with jQuery, FlexBox

Art•420
@Art-wdt
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

Hello everyone, this updated version. Thanks for all your previous advice. I tried to take into account most of it. These are my first steps in JavaScript and jQuery.

I would be glad to any advice :) Any suggestions you might have! Any comments!

Any feedback will be appreciated by me

Community feedback

  • Abhineet Kandele•320
    @abhineetkandelePosted over 3 years ago

    Great Job!!

    Few suggestions from my end.

    • Try to make UI look as much as possible close to the designs, it would be fun. = Arrows are hanging outside in Desktop view. And are sticking to the text in mobile view. Try checking both the issues. = Also, try adding a background image to the mobile image as well. = using linear-gradient in background

    • Font can be imported directly inside the CSS file.

    • Try building this without using JS. Use details & summary HTML tags for accordion and picture tag for different images in different breakpoints.

    • Also, try to make the accessibility issues in the report to zero.

    Marked as helpful
    2
    Art•420
    @Art-wdtPosted over 3 years ago

    Hello @abhineetkandele Thanks for your detailed report. Your advices are helpful for me

    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