css-container-queries
✓Aplique consultas de contenedores CSS para un diseño responsivo basado en componentes. Utilícelo al implementar componentes responsivos que se adapten al tamaño de su contenedor en lugar del tamaño de la ventana gráfica.
Instalación
SKILL.md
A guide for implementing container-based responsive design using CSS container queries and Tailwind CSS.
Container queries enable styling elements based on their container's size rather than the viewport size. Unlike media queries that respond to the browser window, container queries make components self-contained and truly reusable.
| Responds to | Viewport size | Container size | | Reusability | Layout-dependent | Fully portable | | Use case | Page layouts | Component styling | | Syntax | @media | @container |
Aplique consultas de contenedores CSS para un diseño responsivo basado en componentes. Utilícelo al implementar componentes responsivos que se adapten al tamaño de su contenedor en lugar del tamaño de la ventana gráfica. Fuente: flpbalada/my-opencode-config.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/flpbalada/my-opencode-config --skill css-container-queries- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es css-container-queries?
Aplique consultas de contenedores CSS para un diseño responsivo basado en componentes. Utilícelo al implementar componentes responsivos que se adapten al tamaño de su contenedor en lugar del tamaño de la ventana gráfica. Fuente: flpbalada/my-opencode-config.
¿Cómo instalo css-container-queries?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/flpbalada/my-opencode-config --skill css-container-queries Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/flpbalada/my-opencode-config
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01