FAQ Accordion Card with flexbox and flexible units of measurement
Design comparison
Solution retrospective
Hello guys, I would really appreciate some feedback on this little project. No need to be nice or anything, I would like sincere criticism.
As of a question, I would like to ask how could I have positioned the orange block on the desktop version better. I struggled to make him follow the little shadow on the main image. Also, I went a little hacky to make the accordions in JS, so it would be nice if you could help me find a better way to do it. Tried some different things but couldn't make them work (even the w3s model).
Community feedback
- @ApplePieGiraffePosted about 4 years ago
Hey, good job, Daniel Castro!
Your solution looks good and is responsive! 👏
I'd suggest perhaps using absolute positioning to place that cube image (which I see you did) relative to the card, but with explicit distance values for the
bottomandleftproperties (notvhorvwunits, because they cause the cube to move all around when the page is resized).I'm still working on this challenge myself, so I might not be able to give you any specific feedback on your JS just yet, but I can say your accordion looks and works well. 👍
Keep coding (and happy coding, too)! 😁
1@danielscastroPosted about 4 years ago@ApplePieGiraffe Hey, thanks for the feedback! I did tried to use explicit values, but couldn't nail exactly the feel I wanted. Gotta keep trying and learning techniques for these kinds of situations. Anyway, thanks again for the response!
Happy coding!
0
Please log in to post a comment
Log in with GitHub
Join 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