Hi,
Wish you all reviewers and developers a great 2022!
I almost got it all working except for the following:
Overlay of eye-icon. I am not sure if I got it right and the technique is a valid one. Please suggest the best way.
I don't know if it met the requirement for "responsiveness". Please comment and suggest.
Thanks in advance, Bikeinman.
Hey, thanks for your analysis on my submission, I appreciate the feedback.
I think you did a great job, this is such a cool design that calls for a decent amount of attention to the small details (something I'm getting better at myself)
The overlay container on the "eye" icon is faded upon hover, I believe because you didn't separate the elements on the markup. I ended up adding a rgba color on the container overlay, which leaves the eye icon at pure white upon hovering. It took me forever to figure it out.
Also, on the main headline "Equilibrium" notice that the text highlighted when the entire block is hovered. I ended up putting the text on a span, which removes the block properties of a p tag or h tag. Then, giving that span a display of inline block which allows for a cleaner UI upon hover, since the text is highlighted when the mouse hovers not the end of the block.
Let's keep at it!
