Michaela Stefkova• 380
@michaelastefkova
Posted
I really like how responsive your page is and the pictures are true to size / not distorted.
Good job!
Marked as helpful
2
Design comparison
Solution retrospective
My :hover on social media icons are incorrect. I couldn't get the right method to change it to white.
I tried and didn't as i want to. color: white;
instead, I just copied a filter combination filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(42deg) brightness(103%) contrast(101%);
Community feedback
Fidel Lim• 2,775
@fidellim
Posted
Hi Ven,
You could try to use this, "filter: brightness(0) invert(1);". This would solve your issue. Also, don't forget to add an onclick function on your navigation when it is in mobile view. :) Well done!
Marked as helpful
1
Maria Glynou• 290
@Msgl
Posted
Hi! Nice solution! Try using "filter: brightness(100);" it should work and turn the icons white on hover. Happy coding :)
Marked as helpful
1
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