I am doing a Mozilla splash page assignment and it seems like scrset/sizes works well in Firefox browser: 120px icons are downloaded when the screen width is 480px or lower, and 400px icons otherwise.
But in Google Chrome dev tools it keeps downloading 400px icons no matter how small the screen width is. At least that is what I see on a Network tab.
I tried to check finished assignment on MDN Github and there is the same issue.
Is this about Google Chrome not supporting this attributes or something else?
P.S. Red panda image changes work just fine
P.S.S. Nevermind, I just checked StackOverflow. It seems like a Chrome feature. It recognizes that my resolution is higher than I want it to think. Funny moment, its own tool can’t fool the browser =) Even after clearing and disabling cache it keeps getting 400px images.
Wrapping in the <picture> element still works, though