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 card

@Fola-Joe

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 had some problems in positioning the images in desktop view and dealing with the overflow of the images. Please, I would appreciate some help with that. Thanks!

Community feedback

Gio Cura 650

@GioCura

Posted

Hello! 👋 For this challenge, I implemented the desktop illustration and its shadow as a background-image CSS property. In your case, I think you can set both as the background-image in your "images" <div>. That will ensure that the illustrations don't overflow the card.

Hope this helps!

Marked as helpful

1

@Fola-Joe

Posted

@GioCura Thanks very much! It worked fine. I appreciate!

1

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