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

wes-mobile-first-faq-accordion

@WesSno

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


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

I am proud I did not let this project discourage me despite the challenges I faced. I would want to plan out this project carefully in order to finish more quickly.

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

I really had a challenge making the images go out of the card. I tried various z-indexes to no avail so I had to get rid of the card's "overflow: hidden" property. This is was the part of the project that really delayed me. Hence I just used a clip-path property.

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

I'd like help with the desktop design where the images come out of the borders of the card. I found a way around it but I'm sure there's a more orthodox way to get it done. Please feel free to go through my code and give me any guidance or suggestion where necessary.

Community feedback

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