Hello, Frontend Mentor community! This is my solution to the Four card feature section.
I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Hey Catherine, how is it going?
Really liked this solution of yours for this challenge, I'm looking forward to try and solve this one in a few days/weeks haha :)
One thing I may suggest is to use a photo-editing tool (such as photoshop or GIMP) for inspecting the design images as this allows you to see the actual size of elements and the spacing between all of them so it ends up looking as close to the preview. Overall I really like it, keep on going! :)
I struggled to add the eye icon on the hover, and I could not make it white. I do not know if I should have added an image instead of an icon and have made it different. So, please feel free to give me any feedback. I am sure that I will learn a lot from that as I have done from my last challenge!
Hey Tamara, really good solution for the eye icon on the overlay, I overcomplicated it too much trying to add pseudoclasses (before & after) and trying to show them on hover but couldn't do it, in the end I just put a lame div to contain the icon lol, keep on going !