recomiendo poner dentro de "div > img" esto: transition: .3s; y en el css esto: img:hover{ transform: scale(0.9); }

@Ghost_Egocentrico

10 ай бұрын

por que o que explique broo

@serdue8989

10 ай бұрын

@@Ghost_Egocentrico ⁠no lo he probado ,pero creo que es para hacer que al poner el ratón encima de la imagen se haga más grande

@JuanRamirez-wy3ok

9 ай бұрын

⁠@@Ghost_Egocentricopara que disminuya un poco el tamaño de la imagen cuando pases el cursor por encima del img y transition para que demore la acción unos segundos. Si es scale(1) es su tamaño normal y si pones scale(1.1) va aumentando cuando pases el cursor, así sucesivamente

@DeLaHistoria

6 ай бұрын

😅

Despacio, franchute, esto es oro.

Gracias a tus videos, mis proyectos van quedando mejor optimizados y mas profesionales, muchisimas gracias. Aprendo mucho con vos, me motiva a seguir aprendiendo y a ayudar a mis compañeros en lo que puedo. Siempre tratando de seguir tu filosofia de compartir el conocimiento y enseñar todo lo que se pueda. Nuevamente muchas gracias por tu aporte a la comunidad. Se te quiere mucho

@JuanAntonioPazCastillo

7 ай бұрын

ya chambeas mi king?

@marc4482

3 ай бұрын

Esta tan ocupado chambeando que no tiene tiempo a responder @@JuanAntonioPazCastillo

Gracias mi loco, simple, facil y sin tanta vuelta

Dios mío Justo lo que necesitaba 😢 te amo ❤

explicas muy bien 1 seguidor mas que aprendera nuevas tecnicas

Que buena explicación 👍

Muy bueno! Grande midu!

justo lo estoy viendo para el trabajo

Eres un crack

Me encanto

contenido de mucho valor siempre

Crack!

hola midudev, es mejor tener un container para cada uno de las imagenes o solo las imagenes y el container grid

Esta genial, pero si solo hay elemento la card será el 100% y queda raro, no?

Que significa estilar las imagenes? Como funciona esto: "div>img"

muy bueno midu, como seria usando tailwind

@Gayelqueresponda

11 ай бұрын

a

A este se le nota lo senior

Esto si es practicar , solo el html? Lo vemos en la web o en un editor donde se vea el resultado!?

Crack

❤love u

Como se puede añadir una foto despues de hacer el gridd?

Y si quiero que haya minimo dos columnas?

Eres buenísimo! Tienes curso de css?

@sierra6460

11 ай бұрын

X2

Siempre vengo a este video a recordar como eran las propiedades jaja así que aquí está el css: { display: grid; grid-template-columns: repeat ( auto-fit, minmax(150px, 1fr) ); gap:10px; }

Con Flex box

*_Creí que ibas a usar flex wrap_*

@midudev

Жыл бұрын

Pues no 😃

pense que en este ejemplo se usaría flexbox! Jaja

@eljons1137

11 ай бұрын

Depende de lo que quieras. Si quieres especificar un número en concreto de columnas, es mejor usar Grid. Si te da igual, puedes usar Flexbox xd

tkm midu

Tengo una pregunta, por que en el css en vez de poner nada más div img pones div > img? Para que sirve el signo ">"?

@papitasconsal3657

5 ай бұрын

Para indicar que se aplique a los elementos que estén dentro de la etiqueta div y sean img

@leonelruizdiaz7804

4 ай бұрын

Lo explicaste para el orto, cómo odio a las personas que no explican con coherencia y razón, yo te voy a explicar porque este parásito 🪱 no sirve para nada. Si tienes un contenedor grande con imágenes y luego agregas un nuevo div con más imágenes dentro, el selector div > img no afectará a las imágenes dentro de ese nuevo div.

Gente, pregunta seria, usáis ligaduras en vuestro editor? No se si se llama ligaduras en vscode, pero que el => sea flecha y demás

@emilioVarDev

Жыл бұрын

Yo las uso y me ayudan demasiado, sobre todo utilizando la fuente JetBrains Mono

Solo aplca para imagenes?' o tambien cuando hay texto???

@SpiceLag

Ай бұрын

A mi me sirvió creando en vez de las imagenes dentro del div, poniendo divs que contenían texto e imagenes, y el texto se alinea junto con la imagen. También, usando el tag img puedes poner gifs y usando el tag video puedes poner videos, asi que creo que como tal funciona para todo jeje

Esto esta genial, pero yo aprendi el responsive con media queries, esta obsoleto el mq?

@eljons1137

11 ай бұрын

No, pero es recomendable no abusar de las medias.

como separar mas imagen de la otra?

@SpiceLag

Ай бұрын

Modifica el gap

Yo creia que iba a hacer algo novedosoo esto es algo basico que aprendes cuando inicias con CSS GRID.

Cómo hago si quiero que el último esté centrado?

@tomxdiaz

10 ай бұрын

al contenedor display: flex, flex wrap: wrap y justify content center

@maxidevs

10 ай бұрын

@@tomxdiaz entonces de nada me sirve ver este trucazo de display gris bro. La idea es escalar este mismo ejemplo.

@tomxdiaz

10 ай бұрын

@@maxidevs es que centrar la ultima columna no tiene mucho sentido, el display grid sirve justamente para centrar y ubicar en 2 dimensiones: arriba abajo e izquierda derecha, si "centras" el ultimo elemento suelto, no esta respetando las columnas, seria mover las columnas y eso rompe la grilla, que es como una cuadricula de un excel que todas miden igual y tiene filas/columnas, se entiende?

The big boss 🤣🤣🤣

No me gusta esa sombra. Mejor una de 150px y que sea naranja.

@midudev

Жыл бұрын

Sí, jajajaja

@astrixwr5662

Жыл бұрын

Jajaja estos comentarios son la leche

.Ancho 100%? habrá que darle la misma altura y anchura para que todas sean iguales .Metemos las imágenes que quieras, has sacado un montón de código que no has explicado Cómo se meten todas las imágenes que quieras?

Que no eran tres lineas de CSS? XD

@midudev

11 ай бұрын

No sé si sabes contar pero para hacer el responsive son 3 líneas literales. Hago saltos de línea para que quepa verticalmente.