A Drupal module that extends Responsive Image to support CSS container queries.
How It Works
1. Create breakpoints with "container" in the group name
MYTHEME.container.sm:
label: 'Container SM (240px)'
mediaQuery: 'all and (min-width: 240px)'
weight: 1
group: MYTHEME.container
multipliers:
- 1x
2. Use these breakpoints in a Responsive Image Style
3. The module automatically detects and enables container query mode
How to use
1. Go to `/admin/config/media/responsive-image-style`
2. Create a style, select "container query images" as the breakpoint group
3. Map your image styles
4. Use the standard Responsive Image formatter
Supporting organizations:
Project information
- Project categories: Media
64 sites report using this module- Created by rouaida on , updated
Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
