willjhnsn:
Hello, I’m currently doing the “Mozilla Splash page” assessment.
I can get everything to work except for the part with the
responsive images. Here’s a snippet of my HTML doc:
>
> images/dino400.png 400w”
> sizes="(max-width: 480px) 120px,
> (min-width: 481px) 400px"
> src=“images/dino400.png” alt=“a red dinosaur head”>
>
Is there anything wrong with my code? I can’t see any
differences whenever I resize my browser.
I’ve not looked at this stuff for a while, but your code looks
pretty reasonable.
Try comparing your code to the finished version here:
https://mdn.github.io/learning-area/html/multimedia-and-embedding/mdn-splash-page-finished/
github.com
mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-finished/index.html
Mozilla splash page
images/dino400.png 400w”
> sizes="(max-width: 480px) 120px,
> (min-width: 481px) 400px"
> src=“images/dino400.png” alt=“a red dinosaur head”>
>