Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Fathy, congratulations for your new solution!
I liked a lots the custom hover effect you've applied in the image while hovering. If you want give some more features to this images you can play around with some other effects as
filter: saturate (2);
orfilter: grayscale(100);
.The component isn't properly align due the lack of some properties inside the body to make the child element align with flex and
min-height
. See the corrections below for the alignment:body { display: flex; margin: 0; justify-content: center; min-height: 100vh; align-items: center; }
Hope it helps and happy coding!
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