🤯 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?

🔴CÓMO hacer MEDIA QUERIES EN CSS 🚀 TODO lo que DEBES SABER | Eduardo Fierro Pro

✅ BREAKPOINTS RESPONSIVE | QUE es RESPONSIVE DESIGN | Eduardo Fierro Pro

Mejor Creador de Sitios Web 2026 (Mi Recomendación #1)

❌ ERROR al MAQUETAR CSS: Te fijas en lo visual y no lo estructural ❌ Eduardo Fierro Pro

🤯¿CÓMO nombrar CLASES en CSS? Usa BEM 🧐 | Eduardo Fierro Pro

La diferencia entre campaña, conjunto y anuncio en Meta Ads

💙 Cómo usar las MEDIA QUERIES en FLEXBOX CSS para crear layouts RESPONSIVE (ejemplo práctico!)

Boleros de Medianoche – Ecos de La Habana
![🔴POSITION en CSS [GUÍA COMPLETA] en ESPAÑOL 🔴 Eduardo Fierro Pro](https://i.ytimg.com/vi/FLet5o2ecE8/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAXkCxN62QsHK_OI0vrH7rUJge-rA)
🔴POSITION en CSS [GUÍA COMPLETA] en ESPAÑOL 🔴 Eduardo Fierro Pro

Aesthetic Aura Background 3 hours

SUMMER DEEP HOUSE Musics Mix 2026 ♫ Bruno Mars, Lady Gaga,Dua Lipa, Adele,Ed Sheeran, The Weeknd #02

TV ART SCREENSAVER 2023 - Neutral Floral Framed Vintage Art - 4k

Learn Media Queries in CSS | Responsive Design

👌🏼 Cómo CREAR un PORTFOLIO de DESARROLLO WEB - Frontend, Backend y Fullstack - Eduardo Fierro Pro

🔵 CÓMO CENTRAR ETIQUETAS en HTML respecto al POSITION en CSS 🔵| Eduardo Fierro Pro

Roses Vase Painting | Gold Frame TV Art | Art Screensaver for TV 3 Hrs

🆘 DIFERENCIA entre REM y EM en CSS: Qué son, Cómo funcionan, Cuál es la mejor y PLUGIN DE REGALO 😊

Advanced CSS Course 🔥 Media Queries

Gradient Blue Heart For Studying! 💙

