@asbhogal
Posted
Hi Jeffrey,
This is great work - well done!
To handle the background images they should ideally be placed in a <picture>
element in your markup, with paths to the mobile and desktop versions which change respective to a specified viewport width. I've added a link here from MDN detailing this and how to implement it Link
Also, locally host your Google Fonts for privacy and performance reasons. Here's a good video explaining why and how to achieve this Link
Hope this helps!
@webdevhill
Posted
@asbhogal
Hello and thank you for your time and recommendations. I am hosting the fonts locally. I believe they are implemented according to best practices.
I have not been able to position the background .svg as a <picture> element. I am honestly not sure how to write the html?
Thank you for any help you can provide with using the <picture> element as a background.