FAQ accordion

For background you can add two different divs one for the top section and other for the rest of the page and organize their style backgorunds, colors etc. And I noticed that i have to click on plus icon for answer to be shown you can change it by creating a parent element that contains question, plus icon and the answer and add event listener to that parent element instead of the plus icon hope you find that helpful

Hello @badrEladraoui1!

Your project looks very good!

• Here's how I added the background pattern:

body {
    background-color: $Bg-pink;
    background-image: url('assets/images/background-pattern-mobile.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    @media (min-width: 640px) {
        background-image: url('assets/images/background-pattern-desktop.svg');
        background-position: 0 -10vh;
    }

I used SASS, that's why part of the code is nested.

I hope it helps you!