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

[@EduardoFierroPro]

✓ Breakpoints en Responsive Design kzbin.info/www/bejne/lXa2nIGMrr2dmrs ✓ TEORIA sobre MEDIA QUERIES en 2021 kzbin.info/www/bejne/goGziamIftKVkKc ✓ CÓMO hacer MEDIA QUERIES EN CSS kzbin.info/www/bejne/p6vciJKQm5WVmM0 🔥 CONSTRUYE tu PORTAFOLIO de DESARROLLADOR WEB 👉 kzbin.info/aero/PLJpymL0goBgELkXg-XumuHwS_jijzosF8 🙀 ROADMAP de un DESARROLLADOR WEB 👉 kzbin.info/aero/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv ¡Dale a like y suscríbete si te ha gustado! 😊

[@eliseoac966]

Esta serie de videos ha sido de mucha ayuda Edu!! Se agradece bastante este buen aporte

[@EduardoFierroPro]

Me alegro Luccini!! 😊

[@milagros383]

excelente video! me encanta este canal, gracias por enseñarnos 🙌🏻

[@EduardoFierroPro]

Muchas gracias por el comentario Milagros!!! 😊

[@juanfdx]

Muchas Gracias Edu !!, ha sido de mucha ayuda para un proyecto que estoy haciendo 😁

[@EduardoFierroPro]

Gracias a ti Juan por tu apoyo! 😊

[@samuelnavas567]

Saludos desde Venezuela! excelente aporte, era justo lo que me hacia falta 👋🏼

[@EduardoFierroPro]

Muchas gracias Samuel!! 😊

[@tomaslazarte5072]

Muchas gracias por toda la informacion que nos das Eduardo. Saludos desde Argentina 🇦🇷

[@EduardoFierroPro]

Muchas gracias a ti por el comentario Tomas! 😊

[@gabrielsotto9529]

@@EduardoFierroPro podrías poner estos videos que son series de 3 videos en las listas de reproducción??? Vi que hay varios de estos videos que están muy buenos, pero no están en listas de reproducción y luego es difícil encontrar los videos en el canal para poder crear mi propia lista. Si pudieras estaría genial que lo hicieras xq si no se pierden entre tanto video.

[@EduardoFierroPro]

@@gabrielsotto9529 los tienes en el comentario fijado y te los dejo aquí 😊 ✓ Breakpoints en Responsive Design kzbin.info/www/bejne/lXa2nIGMrr2dmrs ✓ TEORIA sobre MEDIA QUERIES en 2021 kzbin.info/www/bejne/goGziamIftKVkKc ✓ CÓMO hacer MEDIA QUERIES EN CSS kzbin.info/www/bejne/p6vciJKQm5WVmM0

[@deeroadb931]

Gracias Eduardo , fue de mucha ayuda el contenido.

[@EduardoFierroPro]

Muchas gracias así por el comentario DeeRo!! 😊

[@ArgFernando]

Buenos dias, excelente video. Me surge la duda de al utilizar varias veces el mixing que mostras sin indicar el valor 'base' (desde), empezando desde los breakpoints mas chicos, hasta el mas grande .. ¿ no impacta en el rendimiento de la web ? al pisar tantas veces el valor ? Gracias.

[@programmerstudy1494]

Gracias

[@EduardoFierroPro]

A ti por el comentario Programmer! 😊

[@Andycwll]

Capo, muy bien explicado tu video. Me surgió una duda en cuanto a los media queries en SASS: debería armar un archivo aparte para ellos o puedo incluirlos en el archivo _mixins.scss? Gracias :)

[@EduardoFierroPro]

Eso sería lo ideal!! 😊

[@christanvargas]

excelente curso y la forma de explicar!!

[@EduardoFierroPro]

Muchas gracias Christian!! Aunque dista mucho de ser un curso!! 😮

[@christanvargas]

@@EduardoFierroPro hablas muy bien de los temas y con todos los videos tuyos que estoy viendo sí puede ser un curso jajajaja, el position y el responsive y metodologías, todos muy buenos explicados, también tengo que verme los videos dodne haces las webs de ejemplos, un tema que no había entendido muy bien era de acomodar los elementos con css y contigo sí he entendido 👍👍

[@danielaquilino4805]

Buen vídeo. Podrías darnos un ejemplo de una página web a la que le aplicas el responsive a para que podamos visualizar los resultados?...así de paso vemos tu estilo de diseño

[@EduardoFierroPro]

Puedes verlos en los directos de programación en Twitch o en las resubidas aquí 👉 kzbin.info/www/bejne/jnLaia1orJiposk

[@ezequielalarcon5162]

¿Si meter todos los selectores en 1 media query es más eficiente, de qué sirve hacer una media query por selector? ¿Por qué algunos desarrolladores la usan?

[@EduardoFierroPro]

Supongo que les resultará más fácil hacerlos por separado 🤔

[@SonGoku-pc7jl]

bien los 3 videos de media queris. tienes algun video con todos los tips para trabajar comodo y con buenas practicas con prioridad absoluta de mobile first? hay poca información y la mayoria en inglés o solo del tema responsive pero responsive enfocado de grande a pequeño y la verdad es que veo que hay mucha diferencia conceptual y trucos para trabajar bien las imagenes sobretodo que es lo que mas guerra da y más si el mobil es muy estrecho o el trabajar con objetos (texto, botones, otras imagenes) encima de una imagen, a parte del tema de anchuras que es un poco de locos entre el width i el max-width, el div contenedor, si la imagen es background de un div... me va saliendo pero me gustaria poder acabar de tener los truquillos para que aunque me han pasado un diseño muy chulo de photoshop estoy tardando mucho en avanzar todo el css porque la intuición no la acierto a la primera y de ir retocando al final una de las inuticiones o la suma de varias eureka! pero hay mucho frontend y avanzo rapido. aunque ya encontré un par de videos tuyos que llebo dias viendo algo, muy buenos, del reset y del object fit que no lo sabia usar hasta que vi un video tuyo y creo que me servirá pero molaria un video con todo eso dedicado a un ejemplo de un front end mobile first que tenga un poco de todo para que no se escape ningun truco y no haya problemas y se aprenda a maquetar más rápido jeje, cuanto texto y cuanto pedir xD es que tengo ganas de llegar a la parte de javascript backend que es lo que he estudiado este año a saco pero hasta que no esté terminado una pedazo landpage frontend no me dejan (normal) ir a por lo otro ;) pero guay, de todo se aprende y mola aprender :D

[@marcopirulo1]

Y GRID para maquetar con responsi no es mejor?

[@EduardoFierroPro]

Depende del dev y de lo que estés maquetando 😊

[@patriciafiorellacastilloca1687]

Excelente video , aquí a las 2 AM viendo tutoriales xd

[@EduardoFierroPro]

xDD Muchas gracias Patri!!

[@sebasmalonce_estudio]

Todo estaba bien. Hasta que entro el @mixin. Me dejo con 5 videos más para ver TT