This is my first JavaScript challenge from FrontEnd Mentor...
My questions on this challenge:
- how do I apply linear-gradient to a svg image?
- fontawesome webkit is having issues with HTML validations so is there any way to fix it?
This is my first JavaScript challenge from FrontEnd Mentor...
My questions on this challenge:
Hi. I encountered the same problem with SVG and linear-gradient. The solution that worked nicely for me is to have one container with a linear-gradient set as background-image, and then another with SVG on top. You can check my solution here: https://www.frontendmentor.io/challenges/blogr-landing-page-EX2RLAApP/hub/blogr-landing-page-SJFsdHdVc As for FontAwesome, it slows down the page tremendously and maybe that's the reason for validation issues. After quite a lot of experimenting, I came to the conclusion it's just not worth it if you need only a few icons. But, maybe I'm wrong. I'm in no way an expert, so maybe there is some better practice. Still, I hope it helps :) Happy coding :)