FAQ Accordion Card | CSS Flexbox | Mobile First | Responsive | JS
Design comparison
Solution retrospective
Hello Friends,
Please review my code, any feedback or suggestions from yours will be very beneficial to me
Thank you!
Community feedback
- @Lukasz-MildePosted almost 2 years ago
Hi! It's working, that's the good thing. On the other side, it looks like a few things aren't as the design. On the desktop size, the background in the card is missing plus the orange box should be half away from the card and visible, while the "desktop IMG woman" overflow should be hidden. If the card itself would be bigger, as the design shows, there would be more "space" between the question and an arrow. Would look more clear and more like the design. When the answer is open, there is a problem with the margin/padding-top. Is too high. It would be the cherry on the top of the cake if you would add some animation, and transition while opening and closing the answers. Good Luck and happy coding!
Marked as helpful0
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