I have two PNG pictures. I want to display the Long one on larger (computer) > 1024px screens and the Mod one on smaller (phone) screens. But even on a mobile phone screen, the code is always choosing the Long image. Why?
How to make this work correctly?
<picture> <source media="(max-device-width: 1024px)" sizes="90vw" type="image/png" srcset="Images/CC Logo Mod.png"> <img src="Images/CC Logo Long.png" sizes="90vw" type="image/png" srcset="Images/CC Logo Long.png 224w, Images/CC Logo Long.png 150w" alt="Community Care for WVA" /> </picture>