Patrones responsive con CSS Grid y auto-fit

Clase 8 de 17 • Curso de Responsive Design: Maquetación Mobile First

Contenido del curso

iecgerman .

student•

¿Cómo se llama la extensión que usa para poner colores en cada tabulación del html?

iecgerman, la clase no menciona una extensión específica para colorear pestañas de HTML. Sin embargo, el curso se enfoca en hacer que los diseños web sean responsivos utilizando CSS Grid y auto-fit para que los elementos se adapten a diferentes tamaños de pantalla de forma fluida.

Mario Alejandro Crespo Reyes

student••

Antes se utilizaba este plugin que se llama Bracket Pair Colorizer pero en las ultimas actualizaciones de Visual Studio Code, ya lo puedes activar de forma nativa en el editor, revisa la configuración.

Patrones responsive con CSS Grid y auto-fit

Fundamentos de Mobile First

Mobile First: por qué priorizar móvil afecta tu tráfico

¿Qué es Mobile First y cómo empezar?

Prepara tu proyecto Mobile First

Estructura Mobile First

Construye un header responsive con HTML semántico

Flexbox y Clamp para crear un Hero responsive

Build mobile-first skill cards with CSS

Cómo CSS Grid Areas reorganiza tu contenido

Patrones responsive con CSS Grid y auto-fit

Optimización de Performance y Accesibilidad

Cambia el layout con Flexbox según la pantalla

Optimiza imágenes con picture y srcset

Fallbacks de Cloudinary en picture elements

Prueba tu web en el teléfono con Live Server

Debug en iOS Safari

inputmode y autocomplete en HTML

Pruebas de rendimiento Mobile First con Lighthouse

Container Queries vs Media Queries en CSS

Code review Mobile First con AI