Simple Cropping
This shows the basic implementation and usage of the picture element. It uses the source element and different @media-queries to fetch the correct image for the device-screen.
This demo shows:
- mobile
- tablet
- desktop
- monochrome / eInk
- fallback
Grid System
This shows the basic implementation and usage of the picture element. It uses the source element and different @media-queries to fetch the correct image for the device-screen.
This demo shows:
- mobile
- tablet
- desktop
- monochrome / eInk
- fallback
Art Direction
Using the picture element for â.â
This demo shows:
- small / large screen
- art-direction
- fallback
