Responsive Containers
Responsive Containers provides a framework for applying styles to blocks & widgets based on how large they appear on screen.
00
·10 active installs·Updated 6 years agoAs of April 2026, Responsive Containers is a WordPress container queries plugin with 10 active installations and a 0/5 rating0. It has been downloaded 2.4K+ times in total. Requires WordPress 5.2.0+ and PHP 5.6.20+. Available on WordPress.org since 2019. Last updated 6 years ago — may have compatibility concerns.
0/5Rating
10active installs
2.4K+total downloads
7 yearssince 2019
Overview
CSS media queries let us style elements based on the size of the screen. What if we wanted to style them based on the size of their container? A widget or block should often look different if it’s full-width or constrained within a column or sidebar, but we didn’t have any way to write container queries to style those elements based on their on-screen width… until now!
This plugin loads a small JavaScript file that conditionally applies classes to elements based on how wide those elements are in the browser. This can be used by other themes and plugins to write container-specific styles for editor blocks or widgets, so that they will display correctly wherever they are placed in the page.
The script works on the frontend and in the block editor — see your responsive sty…
Ratings & Reviews
00 reviews
5 ★
0
4 ★
0
3 ★
0
2 ★
0
1 ★
0
Compatibility
| WordPress | 5.2.0+ requiredTested up to 5.2.24 |
| PHP | 5.6.20+ required |
Frequently Asked Questions
Changelog
1.1
- Alter class application logic to always apply classes once their minimum threshold width has been met or exceeded.
- Adjust default breakpoint cutoffs.
- Adjust README formatting to fix code block rendering issues.
- Begin work to support usage within the block editor.
- Un-document the
responsive_container_breakpoints()method until it is confirmed to be a useful helper.
Contributors
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.