easybank static website using html,css and javascript
Design comparison
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
- @pikapikamartPosted over 3 years ago
If you need any more help, just leave your question in here^^
0 - @pikapikamartPosted over 3 years ago
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 thissvg > 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 element0@GolamRabbani99Posted over 3 years ago@pikamart thanks I have to add an SVG icon on the footer area
0 - @arif-khan-dhPosted over 3 years ago
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
Please log in to post a comment
Log in with GitHubJoin 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