Skip to content
Submitted over 3 years ago

FAQ Accordion with SASS and JS

Nunc•100
@NuncEstBibendum
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

I didn't manage to get the left portion of the image with the women (the portion that's overflowing the white container) hide under the gradient background. I tried some tweaks with z-index with no success. Any suggestion ?

Community feedback

  • Anna Leigh•5,135
    @brasspetalsPosted over 3 years ago

    Hi, Nunc!

    In order to do this, you'll have to add overflow: hidden to your .main. However, here lies the tricky part (one of many in this challenge) - this will also hide the little box image, so you'll have to find another way of handling that.

    Another alternative (not using overflow) would be to set the illustration of the woman (but not the box) as a background-image. I'm unsure if there's one "right" way to handle the images in this challenge, and forgive me as it's been many months since I did this one. 😅

    Marked as helpful
    1
    Nunc•100
    @NuncEstBibendumPosted over 3 years ago

    @brasspetals Thanks ! I'll dig into those two insights :)

    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