Design comparison
Solution retrospective
First time doing JavaScript, and I would appreciate any feedback, but especially for: a] How to do a wipe animation when opening / closing a tab; b] If there's a better way to orient the images (had to set the mobile-to-desktop breakpoint really high because the images would completely break otherwise :V)
Community feedback
- @dannyboi07Posted almost 3 years ago
You can transition the height property with css. Use 'transition: height <insert animation time>; You also have to add it to two places, the closed state css class of the div (or whatever you placed it in), and the expanded state css class.
But since you used max-height, I don't think it can be done. I tried a lot. To have animation I went the JS way of adding extra ems to the answers that had a lot of words, depending on the screen width.
The font-size needs to be a bit bigger tho. Btw how hard was it to manage those images?
0
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