Skip to content
Submitted about 1 year ago

FAQ accordion-type dropdown using Js

Sagnik-Nandi•20
@Sagnik-Nandi
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I found an almost exact frame on www.w3schools.com. I understood most of it and it helped me learn a lot :)

What challenges did you encounter, and how did you overcome them?

My background-image was getting all over the place, and I could not fix it with size, position or clip. It was because I did not use a no-repeat with bg image😅

What specific areas of your project would you like help with?

I was unable to create a shadow effect. I tried the box-shadow attribute on mainbox container and looked up on google for possible bug-fixings like position : relative , changing margin and padding, but they did not seem to work. I settled with a normal looking border. Help would be really appreciated.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • P
    yurins•240
    @yurins

    Hi Sagnik-Nandi,

    Regarding box-shadow, your current code is .mailbox { box-shadow: 25px, 25px, 50px, black; }.

    If you remove the comma in between px and color, the code will look like .mailbox { box-shadow: 25px 25px 50px black; }, and the shadow effect should work. Hope this helps.

    Keep up the good work!

    Marked as helpful

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