Skip to content
Submitted over 3 years ago

SASS, PseudoElement, SVG

sass/scss
Benjamin•130
@Benjoow
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everybody !

Well...contrary to expectation, i had a lot of problems with this challenge.

  • I worked with background-image and not img tag for training. I'm not familiar with this property and it was ...complicated to sizing correctly my illustration card with background-position and size. I've spend lot of time on it and finally rewrite my HTML structure.

  • I've had a problem with my card height and my illustration in position absolute on desktop version. I had to fix the height of my card and used js for close my accordion item when another one is selected otherwise my image would move on same time.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Benjamin's solution.

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