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-type dropdown using Js

@Sagnik-Nandi

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

P
yurins 160

@yurins

Posted

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

0

@Sagnik-Nandi

Posted

@yurins thanks, it worked !

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