All solutions

Hi everyone, Any idea on how to change the fill color of the SVGs on hover (mostly talking about the 3 social media SVGs in the footer)? Many thanks!

Hi everyone, This is my very first landing page, took me exactly 2 hours and a half to do. Pretty happy with the result!

Hi everyone, I am pretty satisfied with the result! However, the hover state for social media icons isn't totally accurate. Any suggestion on how you would change the fill property of the SVGs on hover is welcome! Thanks,

Hello everyone!

I did not bother to put the main container exactly at the center of the screen this time, as I realized the method I used for previous solutions (eg: position: fixed; top: 30%; transform: translate(0, -30%);) made it so that the main container be cropped on some screen sizes.

Any advice on how you would approach placing the main section at the center without losing responsiveness is welcome!

I do not know how to manipulate SVGs so I just put them in the background without further processing.

Thanks everyone!

This one took me 2 hours and a half to complete... Not perfect but quite happy with the result on both mobile and desktop!

Hi everyone, This exercise went pretty smoothly until I had to do the hover effect for the main image. I used Grid to stack the main image, a teal background, and the eye icon, but couldn't figure out the icon hover effect. I would appreciate it if someone could give me feedback on this aspect! Many thanks,