Full version not perfect made using css and flexbox

Solution retrospective
I was not able to make this perfectly so I have lots of doubts they are:
- I was not able to change the color of the image when hovered because I was not able to find the blend mode required.
- I was not able to put the words in correct place so had to use
- I was not able to link the three hover items so that even if one item was hovered all remaining items will make changes according to the given setting.
Welcome for feedback and if possible can solve my doubts. Thank you
Please log in to post a comment
Log in with GitHubCommunity feedback
- @SrHatcher
Hello Karthikeya!
You are making a great work. don't worry if you struggle making projects. When you struggle it means that you're going the right way to be better in the future!
Personally i used this setting to make the blue background when you hover the image: Background-color: hsla(178, 100%, 50%, 0.5), you could try it. hsla allows you to use oppaticy in your colors at the final setting: 0.5.
To use the fonts for the project you can get them from google fonts, i've seen that every project on frontendmentor uses google fonts for the font-family. if you don't know how to use google fonts yet you can watch this tutorial: https://www.youtube.com/watch?v=qgmLDPLApBY
You can use this CSS rule to make the project more inmersive: cursor: pointer, so that when you put the mouse on something that is supposed to be some kind of link the cursor of the mouse will change to a pointer icon.
I couldn't understand your third point: I was not able to link the three hover items so that.... if you'd like to explain it again maybe i can help you.
Marked as helpful
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