Design comparison
Solution retrospective
There are two problems I've met. 1, Is it right to first determine the "width" and "height" of the "card", then add the "padding" or "margin" to flow the inner content in the right position? 2, To make the eye icon in the middle of the Equilibrium picture and also the cyan color layer when hovering the picture. I use two layer. Because the first one should not be opacity while the second one should be half opacity. Maybe there are better solution.
Community feedback
- @mikester380Posted over 2 years ago
Hey there. Congrats on completing this challenge. You don't have to set a height on the container as the margins and paddings you use as seen in the design will add up to create the overall height of the container.
0@akaigyouhouPosted over 2 years ago@mikester380 Hi. Thank you for your replay. So instead of set height and width of container, I should set those of inner element? I just want to know what's the best practice. Thank you!
0@mikester380Posted over 2 years ago@akaigyouhou NO. You should apply padding and margins as seen in the design given to you. The only height you need to set is that of the cube image
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