Design comparison
Solution retrospective
I mainly had an issue assigning heights and using margins for placement. For instance, in order to do the animated accordion fold, I had to give each tab a max height. But this made it less responsive and more prone to looking off. On my screen, it looks correct, but not on all screens and sizes. (I tried the max-height: 0 and overflow: hidden trick, but it didn't seem to work correctly).
Furthermore, aligning the image and the box (especially in mobile view) was a hassle, and I feel like there must be a cleaner way to do it. Any help regarding these issues would be super super appreciated!!
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