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

A responsive Easybanking landing page

Bee Horma 170

@hormakery

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


It was a great challenge....I had difficulty changing the logo color on the footer, I also had Problem display the nav menu because of the background image on the hero section.....would love to get help on the challenges ...Thank you

Community feedback

Roberto 110

@Roberto-1998

Posted

Hello, in order to change the color of the image you have to notice that is an svg image, means that the code inside have all properties of the image itself. Search the property of the color and change it conditionally, wheter you are in the footer or in the navbar.

0

Bee Horma 170

@hormakery

Posted

@Roberto-1998 i tried that but it didnt work maybe i did it wrongly...could you please write it here

0
Roberto 110

@Roberto-1998

Posted

@hormakery go to the svg file and look for a property name "fill" with color #2D314D, you can change that color to whatever you like. In my case using react, i created a component througth the svg using svgr app and pass a prop to change the color between white and black.

You should check my profile and see the repo of that project. I also used react.

0
Bee Horma 170

@hormakery

Posted

@Roberto-1998 okay thanks

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