5 líneas de CSS flex para que tu LAYOUT se ADAPTE al CONTENIDO y NO al tamaño de pantalla

[@CodelyTV]

¿Qué le echas en falta a este truquito? ¿qué es lo que te gusta de él?

[@mauriciobravob]

es posible tener el codigo fuente o ejemplo de lo comentado en video, Gracias

[@Adeltar009]

Muestren el html 😮‍💨

[@oscardanielpineroshernande6342]

He flipao... y eso que soy colombiano, no debería flipar.

[@danielaguero6799]

Habría que ver como se comporta en proyectos más grandes, donde se acumulan otros elementos y comportamientos. Pero ya es hora de deshacerse de los media query. Vivamos libres, vivamos sin media query Aguante CodelyTV

[@agustinagonzalez2682]

muy buen video,pero no encuentro el video que recomiendas de css flex a fondo

[@sankrey]

Muy buen video, estaba trabajando con una web de WordPress, actualice el tema y se me rompió el código, todo se salió del tamaño que debería de tener y luego utilice esas pocas lineas de código y todo solucionado! Buen video amigo! ya me suscribí y les di like!😁Gracias!

[@cristianosvaldovallesviza1599]

¡Esta genial el tuto..! Muchas gracias

[@yoshimitsupr5819]

Cada día se aprende algo nuevo! Gracias CodelyTV!

[@alexx6mr67]

Esto me acaba de salvar la vida JAJAJA, Muchas gracias

[@cpaez2000]

Min 3:55 Aqui se ve como a fuerza necesitas Media Querys para redefinir el tamaño de los elementos de la galeria. Siento que estas confundiendo a la comunidad. Flex no es para redimensionamiento, es para distribucion de elementos. Son cosas totalmente diferentes no son enemigos flex y MQueries son parte del standar css. Pero en fin...

[@luisfelipecardona8808]

Asi es, es de super ignorantes pensar que una tecnologia es mala o una es mejor que la otra, cada tecnologia existe para algo en especifico, si les da pereza aprender todo lo que se necesita para programar entonces para que se ponen a estudiar esto.

[@cpaez2000]

@@luisfelipecardona8808 Es una lastima tanta desinformacion tan solo el titulo del video lo dice todo "Para que tu layout se adapte al contenido y no al tamaño de tu pantalla". Por Dios que aberracion es esa.

[@DesingFxTube]

No es necesario. Solo tiene que ajustar el menú y los elementos de la galería. Aparte no entiendo la necesidad de seguir apuntando a los MQ si ya de por sí los tamaños de pantalla tienen al infinito...

[@barondls8134]

Apoyo a este comentario

[@marcosescobar1654]

Gracias por la información, muy buena. Solo una sugerencia, traten de vocalizar mejor.

[@the5tops618]

me preguntaba si no seria mas facil para este caso particular usar css grid. Tengo ententido que flex es para elementos unidimensionales.

[@alex98predator]

Al entrar al video era esceptico😂pero os habeis ganado el like y la suscripción

[@oneivirodriuz7252]

X2 ahahahahaHha

[@SonGoku-pc7jl]

ole os lo haveis currado :) 2 buenos sistemas para pequeños layouts :D

[@omararaujo6859]

cual es la diferencia entre usar flex-basis y width?

[@WILLGYS]

Bueno bueno el truco! Gracias

[@mitor_5052]

la barra o menu en flex.. el content en grid

[@CodeMaker23]

sub y like bien merecidos, muchas gracias!

[@jazo2212]

Hola, como ordeno varios labels en un cuadrado? quiero ordenar 20 labels en un marco o cuadrado

[@longyuanchuan]

Sub y like, excelentes datos

[@sergiogonzalezsanchez4020]

Uffffff Muchas gracias, que maravilla

[@johnnyelcoste]

super el video, felicitaciones. duda, que theme usas de vscode?

[@danielcardenas4879]

eso es lo que queria pero las clases de bootstrap no me dejan cambiar el tamaño o tiene incovenientes

[@yoanestradablanco1608]

Exelente vieo voy a ponerlo en practica

[@jazo2212]

Como seria armar el CSS Grid donde al inicio solo se muestre el encabezado, pero al buscar un registro en una base de dato esta carga el CSS Grid y ahí recién se despliega todas las demás filas con los registros encontrados. Si al buscar otro registro no se encuentra entonces que el CSS Grid solo muestre el encabezado. El lenguaje podría ser Java Script o Type Script

[@kuscamara]

El min-width no sería necesario, no? Donde se aplica, se podría usar simplemente flex-basis: 60% sin especificar el min-width y el resultado sería el mismo.

[@MORFO458]

Tengo entendido que es una mala práctica usar flexbox basis y flex grow sin media queries, se podría usar dentro de las medias queries integrando en cada @media screen and....

[@hascardenas]

se gano un like y un suscriptor por ese truquillo tan bueno

[@aefasesoresenergeticos8754]

Hola, cuando subo foto de portada no consigo ver la foto 100% en responsive móvil solo puedo ver la posición background center center, he probado todo con css y no sé qué puedo hacer para que las fotos se vean completas. Si pueden ayudar, gracias saludos

[@danielacevedo6968]

Genial genial, voy a estudiar bien esta técnica para mandar a la mierda todos los framework de css Yea!!!

[@rodolfovizcay7113]

genioooooooos

[@nicokevor9021]

q genialidad

[@maxgarcia4547]

y por que no simplemente usar grid? En mi opinión, CSS Flex es muy útil cuando se trabaja en 1 dimensión pero al trabajar con filas y columnas es mejor grid. De esa forma, en vez de usar flex-grow: 1 y flex-grow: 999, se puede usar la unidad de fr

[@maxgarcia4547]

Y como dices al final, no comparto tu opinión de que es más fácil Flex que Grid... Y lo de la compatibilidad de navegadores es un 99% vs 96%, no es mucha diferencia

[@steelkraken]

Buena propuesta. No me gusta usar una cantidad sobre la que no tengo ni idea por qué está. Experimentaré para ver si lo logro, pues apenas estoy aprendiendo

[@mariaamparodominguez939]

mi like y mi suscripcion

[@CarlosGutierrez-pn5fb]

Buena info, pero habría que leer la documentación porque sólo viéndolo no es nada legible

[@llaandresmcll3833]

video reacción de nuria sobre el 999, like si pides lo mismo 👍🏻

[@DAVIDIL81]

le echo en falta poder descargar el archivos para seguiros paso a paso... (una idea para futuros videos {podéis hacer algo con 3D o canvas o WEBGL o THREE.js ???) no hay nada de esto en vuestro canal

[@ShakerGC]

mmmm... quisiera ver qué opina de esto Núria...

[@victor-code]

el front end de nuria es inigualable,la sr nuria falta aquí

[@adriankryeziu964]

Exigimos la reacción de Nuria a este video! :D

[@gab2050]

Apoyo pedrile a Nuria que opina!!

[@JoseLuis-sr4xw]

es css ?

[@DESCEREBRADOStv]

Sass

[@Enkianubis666]

Odiaba el front 🤣🤣🤣

[@manuelmaldonado659]

Grid o flex?

[@oneivirodriuz7252]

Flex

[@dabit.dev-593]

Fuciona ambos y podras maquetar casi cualquier cosa

[@the5tops618]

Ambos.

[@romanrr99]

dios mio tanto costaba poner el html.......?

[@manuelalejandrorodriguezhe5784]

vídeo básico 🤘🤘🤘🤘🤘🤘

[@damj4857]

No hay like.

[@luisfelipecardona8808]

No hicieron nada extraordinario, wtf.