@razh23398
Submitted
I had many difficulties with the placement of the cubes. In addition, it was very difficult for me to make the hover for the main image. Until now I can't figure out how to make the icon of the eye white.
@mati0165
@razh23398
Submitted
I had many difficulties with the placement of the cubes. In addition, it was very difficult for me to make the hover for the main image. Until now I can't figure out how to make the icon of the eye white.
@mati0165
Posted
Hi, i will tell you how to change the icon of eye to white. U have it white, but u change the opacity of every element in your div, so the opacity is also on the eye. For fix the problem with eye not being white there is an easy solution
.overlay {
background-color: hsl(178, 100%, 50%, 50%);
}
.container:hover .overlay {
opacity: 1;
}
I think that solved your problem.
Marked as helpful
@yathishg
Submitted
Hello everyone, Accomplished second challenge. pls let me know if any mistake in the code and any suggestions. Thank you
@mati0165
Posted
Hi, nice that you have done that challenge, but i have some suggestions for you:
min-height: 100vh
for your body.Marked as helpful