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 static website using html,css and javascript

golam Rabbani• 140

@GolamRabbani99

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 trying to solve the challenge as can I. though, this is not my best work. for making the work best, I need your real feedback and suggestion. can someone tell me how can I improve this solution?

Thanks for the consideration.

Community feedback

Raymart Pamplona• 16,140

@pikapikamart

Posted

If you need any more help, just leave your question in here^^

0
Raymart Pamplona• 16,140

@pikapikamart

Posted

Good work on this one, I am currently doing this right now. Upon seeing it, your footer icons and logo seems a bit off. I can tell that you are changing the color of it right, if you we to do that, you must include the svg code itself. Are you using adobe xd or figma? You can import an svg there, then copy their svg code and pasting them in your markup, it would look something like this

<svg class="footer-icons" xmlns="http://www.w3.org/2000/svg" width="19.999" height="20" viewBox="0 0 19.999 20">
          <path id="icon-facebook" d="M18.9,0H1.1A1.1,1.1,0,0,0,0,1.1V18.9A1.1,1.1,0,0,0,1.1,20h9.58V12.255H8.076V9.237h2.606V7.01a3.637,3.637,0,0,1,3.883-3.99,21.311,21.311,0,0,1,2.329.119v2.7H15.3c-1.254,0-1.5.6-1.5,1.47V9.237h2.989l-.39,3.018H13.8V20h5.1A1.1,1.1,0,0,0,20,18.9V1.1A1.1,1.1,0,0,0,18.9,0Z" fill="#fff"/>
        </svg>

It is pretty long yes. And if you were to change the color of this, you can do this via a selector of path or or be more precise, svg > path and then changing something like this

svg > path {
   fill: red;
}

What this does is, it changes the fill color of the svg, turning those paths, their color to red. Because if you were to add only background-color then it will just fill up the square space of that element

0

golam Rabbani• 140

@GolamRabbani99

Posted

@pikamart thanks I have to add an SVG icon on the footer area

0
Raymart Pamplona• 16,140

@pikapikamart

Posted

@GolamRabbani99 Your welcome on that^

0
Arif Khan• 285

@arif-khan-dh

Posted

Hi @GolamRabbani99

Nice Work. My suggestion would be experimenting with SVGs. I am trying to get hang of it as well. Anyway Happy Coding !! :)

0

golam Rabbani• 140

@GolamRabbani99

Posted

Thank you so much. I will try

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