Trying to get the height correctly was more challenging than I thought it would be. Also, the main image doesn't seem fully responsive on my side. Once again, any tips and/or advice is always highly appreciated. Thanks in advance :)
*Also, if someone could clue me in on what HTML validation is giving me issues, I'd appreciate it as well. It says style tags don't need a type attribute, but the thing is, there are no style tags in my website. Could it have something to do with the FontAwesome icons I'm using?
The issue that is complaining is probably from the FontAwesome. Looking through your code, maybe it's the place you put the script link to the FontAwesome. On the FontaAwesome site, it says "Copy your kit's code into the <head> of each template or page in your project where you want to use Font Awesome.", and I saw that you put it on the <body> instead of the <head>, maybe changing the place of the script link to FontAwesome will resolve your issue? I am not sure, but you can have a try.
And I have a question, how do you managed to get the height right? My Screenshots always looks messy xD.
I tried hard on this challenge. It took me hours to configure Gulp for the first time. I also used CSS Grid for the first time (only in the footer, though) and made it work in IE 11. But the most challenging thing to me was to position background images.
