Submitted over 1 year ago

Responsive FAQ

dralveol• 160

@dralveol

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

FAQ accordion card

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I was able to discover details and summary tags, making it possible to do the assignment without JS. Making the box show with position set to absolute and overflow set to hidden was not possible. I guess the alternative would have been changing the box's parent and making it absolute, but it wouldn't make much sens semantically i think. Any feedback (positive or negative) is more than welcome.

Community feedback

Lukasz-Milde• 150

@Lukasz-Milde

Posted over 1 year ago

Hi! I've faced the same problems with images and had the same idea about placing one of them in parent div. Worked for me. Not sure about semantic issues, so I will follow the comments in this thread. The functionality works just fine, nice to see this approach. I can see that the size/shape of the images aren't right, on desktop and mobile size screens. Feel free to check my solution to this challenge, and my way to deal with it. As you realize, I'm a beginner, the same as you, so I'm not trying to convince you to follow my way. I just understand the value of feedback and solutions for identical issues. Good Luck and happy new year!

Please log in to post a comment

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