Design comparison
Solution retrospective
I found it quite challenging to stack over each other the picture and the pattern image file, which I managed to do in the mobile version. However, on the desktop, I did not manage to.
Therefore I would be very interested in your feedback on how can it be done?
Furthermore, I encountered some issues with setting the spacing between the image at the top and the content container with the accordion. I am really curious if someone can show me a better solution as my "makeshift" solution to set the padding-top of the card element incredibly high.
As it was not specified in the settings if the accordions should be closable or limit the number of open accordions by default, therefore I have challenged myself and with JS I have limited the open accordions to one and also added the feature that it can be closed.
With pure CSS it would have been possible to create the accordions as well.
Thank you for all your time and feedback.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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