---
name: quicklycss-responsive-layout
description: "Diseña o corrige layouts responsivos con QuicklyCSS V2. Úsalo cuando una interfaz deba adaptarse a móvil, tableta y escritorio sin desbordamientos ni clases responsive inventadas."
---

# Layout responsive con QuicklyCSS V2

1. Obtén los breakpoints reales y las clases disponibles desde `https://quicklycss.cl/quicklycss-api.json`.
2. Consulta en `https://quicklycss.cl/llms.txt` las guías de Containers, Grid, Flex, Display, Gap, Spacing, Sizes y Overflow que correspondan.
3. Empieza por el viewport móvil y añade cambios progresivos solo con variantes verificadas.
4. Aplica `min-width: 0` o scroll interno mediante CSS propio únicamente cuando el contenido lo requiera y el catálogo no ofrezca una utilidad equivalente.
5. No ocultes un error de ancho desactivando el zoom o recortando contenido esencial.

## Comprobación

- Revisa al menos 375, 768, 1024 y 1440 px.
- Confirma que el documento no tenga scroll horizontal inesperado.
- Asegura acceso completo a tablas, navegación y bloques de código mediante scroll cuando sea necesario.
- Verifica que texto, controles y objetivos táctiles sigan siendo legibles y operables.