Responsive Image Change

CSS Responsive image change

srcset stuff (need understanding first)

1
2
3
4
5
<picture>
  <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
  <source media="(min-width: 800px)" srcset="elva-800w.jpg">
  <img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">
</picture>
Useful Links: - https://dev.to/jessefulton/explain-htmls-img-srcset-vs-picture-tag-like-im-five-167p - https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images - https://learnedia.com/responsive-images-srcset-attribute-picture-element/