🤯 MEDIA QUERIES en RESPONSIVE WEB DESIGN 🚀 | Eduardo Fierro Pro

👉Hoy nos toca ver TODO lo relacionado con las MEDIA QUERY o MEDIA QUERIES: Desde que es una media query o media queries hasta cómo se escribe una media query, que hace @media en CSS, que es el media screen y cómo se usa una media query y te cuento trucos para hacer una web Responsive. 🔖 TODOS los vídeos de esta SERIE:    • 🚀 TODO sobre RESPONSIVE DESIGN, MEDIA QUER...   ✓ Breakpoints en Responsive Design    • ✅ BREAKPOINTS RESPONSIVE  | QUE es RESPONS...   ✓ TEORIA sobre MEDIA QUERIES en 2021    • 🤯 MEDIA QUERIES en RESPONSIVE WEB DESIGN 🚀...   ✓ CÓMO hacer MEDIA QUERIES EN CSS    • 🔴CÓMO hacer MEDIA QUERIES EN CSS 🚀 TODO lo...   Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊 _______ 📹Otros vídeos de mi canal 😊 Vídeos recomendados    • 👉Vídeos recomendados   🚀ROADMAP Desarrollo WEB    • 🔎ROADMAP de un DESARROLLADOR WEB: Perfiles...   🤯 Explicando Web de forma diferente    • 😱Explicando conceptos: Aprende a programar...   🙇🏻 Construyendo un Slider, Acordeón, Tabs...    • 🤯 Construyendo un Carrusel, Slider, Acorde...   _______ 📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web? Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro ¡Pide información sobre los cursos donde soy profesor desde este enlace! 👉https://cei.es/?ref=eduardofierropro _______ ✅ Directos en Twitch:   / eduardofierropro   ✓ ¡Apóyame en Youtube! https://www.youtube.com/EduardoFierro... ✓ Trucos rápidos en TikTok   / eduardofierro.pro   ✓ Podcast sobre desarrollo web https://anchor.fm/eduardofierropro ✓ Programación en Instagram   / eduardofierro.pro   ✓ Códigos para descargar en Github https://github.com/eduardofierropro ✓ Noticias sobre web en Twitter   / 1325827794627129344   ✓ Mi web https://eduardofierro.pro _______ 🔥Enlaces a productos de mi setup 🖥 Samsung Space Monitor 27" https://amzn.to/3mABk0R 🖥 LG Ultrawide 25" https://amzn.to/3XrMwOp 💪 Brazo EarGear https://amzn.to/3YPPnBF 🖥 Mac Studio M1 Max https://amzn.to/3xlwqez 💻 MacBook Pro 15" 2019 https://amzn.to/2XEdeGL ⚡️ Mesa elevable Flexispot https://amzn.to/3xlwqez ⌨️ HHKB Hybrid Type-S https://amzn.to/3xlwqez ⌨️ Logitech G915 https://amzn.to/2Tzy1da 🖱 Logitech MX Master 2 https://amzn.to/2WZlUZa 💡 Elgato Key Light Air https://amzn.to/2TzxPus 💡 Elgato Right Light https://amzn.to/3tWoM62 🎛 Elgato Stream Deck XL https://amzn.to/3d1cy4n 🎙 Elgato Wave 3 https://amzn.to/2QsPLbU 🎙 Elgato Wave Pop Filter https://amzn.to/33ONkU1 ✔️ Elgato Soporte Teléfono https://amzn.to/2RTZatj 🎧 Beats Wireless Studio 3 https://amzn.to/3YOtDWT ✔️ Corsair ST100 RGB premium https://amzn.to/3d3hiZY 📱 iPhone 13 Pro https://amzn.to/3lsPRPI 📱 Motorola G https://amzn.to/2TzYcjO 📱 Samsung M11 https://amzn.to/3uTwNKh 🪑 Drift dr500bhttps://amzn.to/3kaEHtE Enlaces en los productos en mi web: https://eduardofierro.pro/workspace ______ Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios? 😏 ______ Capítulos: 00:00 Introducción 00:27 Lo esencial de las media queries 01:31¿Que es una media query? 02:21 ¿Cómo se escribe una media query? 03:33 ¿Qué hace @media en CSS? 04:29 ¿Qué es el media screen? 05:45 ¿Cómo funciona el @media? 07:01 ¿Cómo se usa una media query? 07:55 ¿Cómo usar el @media en HTML? 08:35 ¿Cómo poner media en picture? 09:25 ¿Qué es una etiqueta meta viewport? 09:58 Trucos para hacer una web Responsive 11:07 ¿Cómo comprobar mi diseño responsive? 11:39 ¿Cómo probar responsive en Chrome? 12:00 ¿Cómo probar mi web en el móvil?