Skip to content
Submitted about 3 years ago

Solution with SASS, Grid, Flexbox & Javascript

Antonio Novak•480
@Nova988
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,

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!

Community feedback

  • Mikhail Nepomnyashchiy•260
    @michey85Posted about 3 years ago

    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.

    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