FAQ Accordion Card with Sass

Solution retrospective
I was unsure of what the best practices for styling the images for the mobile and desktop designs. I also had issues with positioning the card on the page. I used absolute positioning to fix the position of the top of the card so that when you expand the panels you don't have to move your cursor to collapse them. However, I couldn't find a way to add a bottom margin to the card without displacing the box image. On that note, I wasn't sure if there was a better way of having the box display above the card while hiding the overflow of the main image.
Please let me know if you have feedback.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Anna Wang's solution.
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