@pikapikamart
Posted
If you need any more help, just leave your question in here^^
Looking to hire developers?
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.
@pikapikamart
Posted
If you need any more help, just leave your question in here^^
@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
@GolamRabbani99
Posted
@pikamart thanks I have to add an SVG icon on the footer area
@pikapikamart
Posted
@GolamRabbani99 Your welcome on that^
@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 !! :)
@GolamRabbani99
Posted
Thank you so much. I will try
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