Mobile First, Scss, Vanilla Js, simple form validation
Solution retrospective
Hi! I really struggled with svg images in this challenge and wasn't able to change the color to what it was in the design - change of fill on svg path didn't work, even when manually changed in the code. I think it's because of the color matrix in the file, but I couldn't find anything helpful in my search - either because I didn't find the right way to describe the problem or because I'm overcomplicating it :)
Either way, I'd be really grateful for any help on that :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @aliabuhumra
What I liked the most about your project is your use of em and rem amazing like you prtty
- @DrKlonk
Hi Agata,
I "fixed" the SVG problem in my solution of this challenge. I put two svg filters inside the html so I can reference them in CSS. It is very ugly though and I did not find a way to put them in an external file and make it work. That would be an ideal solution.
I think you're right that changing the fill does not work when there is an feColorMatrix in play. So you have to change the filter to change the color, or change the SVG altogether and wrestle out the color matrix.
Cheers, Joran
- @ApplePieGiraffe
Hey there, Agata Liberska! 👋
Good to see you complete yet another challenge! 😀 Nice job once again! 👏
Which SVGs were you trying to change the color of? As far as I can tell, the SVGs in your solution seem fine. 🙂 I believe you can simply use
<img>tags to add the SVGs to the page for this challenge (unless you'd like to do things like change the color, I suppose).Anyways, keep coding (and happy coding, too)! 😁
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