Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

EasyBank Landing Page using React

Ranveer Singh• 210

@Ranveer251

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am new to React, I was not able to create hover effect on the social icons. I tried using hooks but for every icon I have to make a new state and make functions for each of them to handle their hover effect. Is there a short way of doing this?

Is there a way that in the mobile size when the hamburger menu is clicked the scrolling of the body is disabled?

Community feedback

Ranveer Singh• 210

@Ranveer251

Posted

I have used the :hover but it is not working.

0
Miguel Segura MX• 280

@miguelseguramx

Posted

To achive the effect on the icons you can use :hover https://www.w3schools.com/csSref/sel_hover.asp

And maybe the css property: filter https://www.w3schools.com/CSSref/css3_pr_filter.asp

0

Please log in to post a comment

Log in with GitHub
Discord logo

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