Skip to content
Submitted over 2 years ago

Responsive FAQ accordation using jvascript - (jquery)

Tabassum Fatimaā€¢215
@tab21
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

Can someone give better ideas for positioning illustrations? Also, my body was creating problems so I have to specifically make its width 100vh but then it was giving bottom padding which even after a lot of time I didn't understand from where it has that padding? Any Other feedback if there do give.

Community feedback

  • Shashree Samuelā€¢9,260
    @shashreesamuelPosted over 2 years ago

    Hey tab21, good job completing this challenge. Keep up the good work.

    Your solution looks great however I think that your container needs some margin from the top using margin-top. To fix the position problems with your body addmin-width 100vh to the ruleset.

    I hope this helps

    Cheers Happy coding šŸ‘

    1
    Tabassum Fatimaā€¢215
    @tab21Posted over 2 years ago

    @TheCoderGuru hi, Thanks for looking through it I added more margin to the main. But min-width 100vh didn't work for me I even removed min-height this time when going through my code šŸ˜….

    But I still didn't understand why the would body only be as much as the content when the content in it is smaller than the view height in this case normally the body is the whole screen but wasn't in this.

    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