Submitted over 1 year ago
NFT preview card component - HTML and CSS
@ClemenceTafforeau
Design comparison
SolutionDesign
Solution retrospective
- I really struggled with combining overlaid elements and the active pseudo-class. I assume there is an easier way to get that result than what I did. Any tips ?
Community feedback
- @lack21Posted over 1 year ago
Good job 👍, but I have a suggestion!
- Replace following styles in the
.child-1
{ left: 40%; top: 40%; }
to these
{ left: calc(50% - 24px); top: calc(50% - 24px); }
Like this eye icon will be centered!
1 - Replace following styles in the
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