FAQ accordion card main

Hi @bircaandreeadev, first of all, welcome to this amazing community. You did good work on this solution. A small issue I notice on this is that while opening one the other opened should automatically close. How to do it nicely learn it from here. I hope it would be helpful to you.

Hi, bircaandreeadev. This challenge is a little bit tricky, or at least was for me.

Just some issues.

When I open all the tabs of the accordion. the text overflows, and the images are stretched. Try to fix that.

That is how I did it.

I would give your 'ul' a fixed height, and overflow:auto, in this way the content does not overflow. But you will get an ugly scroll.

ul { padding: 0; position: relative; overflow: auto; height: 300px; }

This is to hide the scrollbar.

ul::-webkit-scrollbar { display: none; }

Hopefully, it helps.

Happy coding🧑‍💻