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 using HTML, CSS and JS

@maadcode

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


Any feedback to optimize the code? About the positioning of images, I don't know if it is correct. I tried to use javascript to change the images.

Community feedback

Jane 1,040

@janegca

Posted

Hi Manuel, on my iPad the woman stays positioned at the top of the card. I think it may be that you used the class woman2 in your media query to re-position the image rather than the woman class you used originally. I’d also suggest you add no-repeat to linear-gradient background.

Otherwise looks good. Happy coding.

2

@maadcode

Posted

Thanks @janegca

I will try to apply your suggestion. I still have a hard time making images for responsive design 😅

Thanks so much!

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