Skip to content
Submitted almost 4 years ago

Accordion card with Sass & Js

Tiass•295
@Tiasstiass
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 had issues with the box element overflowing from the container knowing i had to use overflow: hidden for the others background elements inside the container. With z-index maybe? Any feedback appreciated :)

Edit: fixed it by adding a div on top of the container.

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted almost 4 years ago

    Hi Tiass, if you set overflow:hidden on a container, it will hide overflow of all its children - I had a similar issue and all I could find is that this cannot be overridden for one child element. Which means that the box image needs to be in a different div (or other element), where you don't hide the overflow. Hope this helps :)

    0
    Tiass•295
    @TiasstiassPosted almost 4 years ago

    Thats what i realized too... The thing is that if i position it relative to the body, it gets out of control on resizing 😬

    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