Design comparison
SolutionDesign
Solution retrospective
Main problem is to dinamically set the height of the card depending the width of the browser and also when all of the accordions are shown (answers overflow beyond the card but the card height is fixed). When on tablet or lower width the website turns scrollable, probably due to the body having "height: 100vh".
Jquery was quite a hassle aswell. Had to write a function for each question whenever they expand/collapse to set their font_weight, since using a for loop didnt work (only the last question would change weight).
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