Design comparison
Solution retrospective
I had a hard time doing the overlay.
Please let me know if i have some minor/major issue.
Thank you!
Community feedback
- @rendongzhaPosted over 2 years ago
For the view icon, it's not really in the middle of the overlay. Maybe combine top: 50%, left: 50% and transition: translate(-50%, -50%) to position it.
Marked as helpful0@pbitonga17Posted over 2 years ago@katherinegreen will do it tmr! But can you please let me know what is the transition? Like what it is for?
0@rendongzhaPosted over 2 years ago@pbitonga17 I did a spell error. It's actually transform rather than transition. Transform property will let you do something on elements, such as rotate, scale, transition, etc. In this project, the transition function makes the view icon move at a distance of half its own width and height towards the left and top. You may find more info on MDN.
Marked as helpful0@pbitonga17Posted over 2 years ago@katherinegreen will look it later :) thank you so much!! <3
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