On the main page at 1366w screen size I have an image in the footer box. It’s 1600×213 but it scales to the footer box’s width of 80-90%. But when screen is 480w, such as for phones, etc., then the image is too small. What I’d like to do is have a different image at 480w, say, something around 400×300.
I’ve tried different ways to get this such as changing the img in the footer box in the 480 media query, and also tried “srcset” but things turn out squirrely. :D
What’s the simplest coding to achieve this?
Thanks for any suggestions.
Dan