Submitted about 2 years ago
nft solution with html and css and a lil bit of animation
@iyke-e
Design comparison
SolutionDesign
Community feedback
- @MaxTarasevichPosted about 2 years ago
Hi EGWIM!
Nice job!
Pay attention!
When hovering over a block with a image, a great animation is triggered! But the pseudo-element has a height greater than that of the image! Therefore, protrusions of a couple of pixels are visible at the bottom. This is because the default property of the img element is display: inline. It is enough to add the display:block property to the hero-img block and top:0 to the :after pseudo-element to work correctly!
I hope my feedback was helpful!
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