Hi, I made the Mozilla splash page assessment and was wondering if someone could give some feedback. TY
Good job on this task @brusli
You need to make a small change to your <img>
s for the smaller version to actually get loaded on smaller screens:
Your values inside the sizes
attribute should match the w
values defined in srcset
. This should work: sizes="(max-width: 500px) 120px, 400px"
Also, you don’t need the second <source>
element in <picture>
. The fallback <img>
will then be automatically used for larger screens.
Keep up the good work!
Michael
1 Like