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 with SASS and JS

Nunc 100

@NuncEstBibendum

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


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

@brasspetals

Posted

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

@NuncEstBibendum

Posted

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

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