Skip to content
Submitted over 3 years ago

Solution with SASS, Grid, Flexbox & Javascript

Antonio Novak•480
@Nova988
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello,

I had a difficult time with positioning the illustration and responsiveness of the card. Is there something i could have done better with my code in terms of positioning the illustration?

Also, the card is not responsive. The card doesn't shrink when i adjust the screensize using dev tools. What could i do to fix it? I have set the questions on min-width ...px. Has the responsiveness have to do something with that? I appreciate any help!

Code

Please log in to post a comment

Log in

Community feedback

  • Mikhail Nepomnyashchiy•260
    @michey85

    Great job! You still have a lot work to do with mobile first. It doesn't work correctly on small screens. Try to add some paddings to base container and move a picture a bit down. Optional it would be nice to have a simple animation for open/closing accordion's items.

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