Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ accordion card-SCSS/vanilla_js/ flex_box/ CSS_GRID

Rai_Sama 380

@raisama21

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback are highly appreciated :)

Community feedback

@Cats-n-coffee

Posted

Hi! Your challenge is responsive from desktop to mobile, it's nice! Once the user clicks to expand sections, the content gets cut off because there is no scroll on the page (I'm on FF). You can probably address this any way you'd like, these are couple solutions that come to mind:

  • add a scroll to your container/page (probably the easiest)
  • limit the height of the card/main element and allow a scroll inside of it (make sure it doesn't overflow the page)
  • allow the user to open one accordion at a time (and close the currently opened one for them)

There are more ways to address this, I hope this helps! Great job!

Marked as helpful

0

Rai_Sama 380

@raisama21

Posted

@Cats-n-coffee Thank you for the feedback I will correct it and let you know :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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