Design comparison
SolutionDesign
Solution retrospective
I wasn't able to get the View Icon showing correctly on hover as it's inheriting the opacity from the parent div. I can do it with CSS but couldn't get it using just Tailwind.
I also struggled a bit to get the View Icon to be centered. Using Translate didn't get it exactly in the center. I ended up using Flex with justify-center / items-center.
Community feedback
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