Apply for the next session

Introduction

We can make a place with all of the examples here…

Also what do we mean by  “responsive?”

Examples

Later we’ll do a mini writeup on each…

  1. Default image examples
  2. Constraining them with a parent element
  3. General background images
  4. Using background images for consistent ratio (hack)
  5. The new object-fit (good for some situations)
  6. Switching the src based on viewport size with the picture element
  7. ?
  8. Got any situation or ideas?
  9. Some grid-cell examples would be good

Other resources to chat about later

  • https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/
Apply for the next session