Design comparison
Solution retrospective
this challenge should be labelled as advanced, calling it intermediate is a joke. Could any body tell me how to change the default svg color to white?
Community feedback
- @imadvvPosted over 2 years ago
Greetings Betelhem, Congratulations on completing this challenge!, There are many ways change the color of logo, the easy is to use a copy of the svg and change his color by a tool like inkscape or similar, or if you want to have a full control of the
svg
you can use this tool to strip thesvg
and import it as path to yourhtml
, like so,<svg class="icon"> <use xlink:href="[PATH TO LOGO]#logo"></use> </svg>
which is give you access to an id
#logo
, That you can use in you css to change thefill
of svg like so.#logo { fill: var(--logo-color) } /* you a lot of cool stuff with it **
and yes, I totally agree with you , this challenge has a lot to with, which make it's not easy a all, however, Hope this Help!!, you can check out my solution here, I also have some bugs that I need to get it fixed.
but over all you did well Happy coding and keep up the good work 👍
Marked as helpful1
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