Mobile First, Scss, Vanilla Js, simple form validation
Design comparison
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 :)
Community feedback
- @aliabuhumraPosted over 3 years ago
What I liked the most about your project is your use of em and rem amazing like you prtty
0 - @DrKlonkPosted over 3 years ago
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
1@AgataLiberskaPosted over 3 years ago@DrKlonk Thank you, I'll have a look at your solution :) I've definitely got a lot to learn about SVG images, and it doesn't help that a lot of content about them is aimed at designers more than developers, but who doesn't like a challenge :)
1 - @ApplePieGiraffePosted over 3 years ago
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)! 😁
1@AgataLiberskaPosted over 3 years ago@ApplePieGiraffe thank you! It's the logos of all podcast platforms, I ended up changing the opacity to make them a bit darker but they are in fact the wrong colour and it bothers me :p
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