CSS Grid Layout

[@Diana-op2dq]

Gracias a todos por vuestros comentarios!!! Ainsss!

[@prietoale]

Geniaaaaa!!! Muy buena explicación!!! La parte de Fractions fue espectacular!! :)

[@gabrielpacheco3741]

Hola Diana, acabo de econtrar tu video, tienes Instagram o Facebook? Saludos desde Argentina!!

[@AquilaNi1987]

Menuda crack

[@MrAlecter]

@@gabrielpacheco3741 Hola Gabriel! No, solo Twitter. @diana_aceves_ Gracias!

[@guillermoandrestorreschanc123]

Felicitaciones Diana.... Desde Venezuela

[@Diana-op2dq]

Muchísimas gracias :-)

[@charlesmdq]

siempre use flexbox o bootstrap, hoy cssgrid me salvo la vida, gracias

[@deswebcom]

Donde esté CSS Grid, el estándar, que se quite Bootstrap, ¿no? Pero flexbox no hay que olvidarlo porque es tan útil como en grid para muchas ocasiones!

[@charlesmdq]

@@deswebcom pregunta existe alguna forma practica, de agregar un background con opacidad haciendo un hover en un div teniendo un img de child y que este hover tambien afecte a la img? ejemplo porque intento hacerlo pero la imagen no es alterada, probe con ".img-contenedor:hover img" y nada.. si funciona en el caso de que la imagen este un un background:url();

[@deswebcom]

@@charlesmdq Se hace como has intentado, no sé por qué no te salió. .img-contenedor { background-color: red; } .img-contenedor:hover { background-color: green; } .img-contenedor img { border: 5px solid yellow; } .img-contenedor:hover img { border: 5px solid blue; }

[@recursosparaprogramadores4991]

Genial como da las clases Diana. Se nota que conoce su paño y la gusta. Y tengo que reconocer que sus anteriores cursos de CSS y Flexbox me han ahorrado varias horas de trabajo.

[@sergiomallmachavez5534]

Que excelente, muchas gracias a la profesora enseña muy bien, aparte que se siente la buena onda que tiene.

[@Diana-op2dq]

Muchas gracias, Sergio! :-)

[@crltsmrtnz]

Saludos desde Paraguay Muchas gracias por compartir con nosotros este curso!! Quiero llorar jajaaa!!! Es hermoso el poder del grid

[@Diana-op2dq]

Gracias a ti por tus comentarios. Me alegro que te haya gustado. :-)

[@osmeig6025]

Gracias por compartir el conocimiento! Muy didáctico! Gracias y saludos desde Argentina!

[@joseluissanchez7171]

Excelente clase, muchas gracias! Grid Layout es muy util.

[@eanappi]

Diana la mejor explicando. Te felicito.

[@grooveboygames]

Es Brutal, muchísimas gracias por el vídeo.

[@Diana-op2dq]

Muchas gracias!

[@samuelgallardo6760]

Excelente explicación, hay muchos artículos pero pocos con práctica por eso me encanto. Valdría la pena que hicieras algunos con aplicaciones prácticas ya con imágenes y textos. Gracias desde México

[@climbingworkouts]

gracias, muy buen curso y explicado de forma muy amena y coloquial

[@Diana-op2dq]

Muchas gracias, David! Me alegro que te haya gustado. :-)

[@sosatizon]

En 1:45:14 no entendió la pregunta. Preguntan si un grid item a mí entender puede tener display Flex y eso sí se puede, el que no puede tener display Flex si es display grid es el container. A los items no se les ha especificado el tipo de display.

[@suarr]

Gracias por la clase. Eh aprendido mucho...

[@rr69sport69]

1:42:41 Hacer eso sin cssGrid Es terminar loco como mínimo!!! No te vallas nunca cssGrid !!

[@omairaramirezosorio7778]

oye esta muy buena pongan las otras clases y gratiiiiss

[@hectorkaizenf.v.7224]

¿es compatible css grid con los webview de ios y android?

[@deswebcom]

Seguramente sí, porque ya tiene un tiempo CSS Grid y funciona en todos los navegadores.

[@vruno182]

Los 3 vídeos completan el curso? He visto el primero y me pareció fantástico!

[@deswebcom]

Me alegro Bruno! el curso se completa en EscuelaIT: escuela.it/cursos/taller-de-css-grid-layout

[@oscareduardocruzlesmes8005]

Excelente talle, gracias por el aporte, donde puedo encontrar video numero dos?

[@Diana-op2dq]

Muchas gracias!! El curso completo está aquí: escuela.it/cursos/taller-de-css-grid-layout

[@EdgarCornejoCahuana]

Muy buena explicación.

[@pedroalvarez-ji6xp]

Excelente explicación. Pero tiene un carácter bastante heavy!! Hasta el tipo que le pregunta le tiene miedo. jajjajajjaa

[@MrAlecter]

😂😂😂😂🤭

[@oleonunez]

jajaja me recuerda a mi maestra cuando golpeaba su mano con la regla y levantando el menton.

[@Diana-op2dq]

😳Jajajaja! espero que no me tenga miedo de verdad!!! :-) Mil gracias por tu feedback. ;-)

[@diegoflorez7032]

Es genial

[@Diana-op2dq]

Gracias!! ;-)

[@carlosespinoza7839]

Excelente explicación[on Diana, saludos desde Per[u

[@Diana-op2dq]

Gracias Carlos!

[@albertocara9374]

Me encanta la forma de explicar de Diana. Gracias por el video. A día de hoy se podría maquetar con GRID?

[@deswebcom]

Si, por supuesto

[@Diana-op2dq]

Gracias Alberto! :-)

[@AxelMonsalve]

Excelente gracias!

[@hellg1307]

22:40 El bajista de KISS?

[@deswebcom]

jajaja no creo que se refiriera a él

[@rtcwkillz]

Esto yo lo llamo magia en css

[@pedrocadena4935]

Profesional Diana antes que nada, excelente clase, gracias por compartir su conocimiento. Hubo un truco para crear ítems cuando el video lleva 1 hora y 23 minutos, que no pude replicar div.grid-item.item${$}*12 pues al presionar enter me pasa a la siguiente línea y no crea los ítems, agradezco me comente como lo puedo solucionar.

[@midesweb]

Necesitas que tu editor tenga Emmet (es un plugin que viene en algunos editores instalado "de casa" y en algunos otros tienes que instalarlo a mano). Prueba también, para que se convierta en etiquetas, pulsar el tabulador, igual en tu editor no funciona con enter,

[@Diana-op2dq]

Hola Pedro, como te dice Miguel Ángel eso son atajos de Emmet, un plugin para editores de código que es una maravilla y te ahorra un montón de trabajo. Yo lo uso en Sublime Text, pero como puedes ver, en Codepen también está activado, (creo que por defecto están los key bindings de Sublime, pero echa un vistazo a los settings de tu cuenta de Codepen y lo miras). Los atajos se activan con la tecla TAB no con el enter. No obstante, mira por internet porque hay multitud de cheat sheets de Emmet y mucha info. Slds

[@polodibujanye]

ME GUSTARIA VER EL DISEÑO DE UNA WEB RESPONSIVE SIMPLE EN DIRECTO Y SIN INTERRUPCIONES CON GRID. SERIA EXTRAORDINARIO. PERO UD. SOLITA JA JA JA.

[@Alfonso6143]

Excelente Like

[@waltercorrales2612]

creo que la pregunta que hizo el si se podia usar con Angular, React y Ionic no tiene sentido porque no depende de un framework si no que depende del motor de redenderizado web en este caso Webkit, Gecko, Presto y etc de motores web que existen

[@bryanandiallerena1914]

a alguien más le pareció que la expositora tenía la voz de la chica de Avast Premium? Estaba esperando que dijera "la base de datos de softonic ha sido actualizada" xd

[@deswebcom]

jajaja

[@GabrielZavando]

Muchos durmiendo, haciendo preguntas absurdas. Grid es genial.

[@soyjab]

Es muy interesante, pero si se le interrumpe todo el rato con preguntas que luego se pueden responder solas con los ejemplos que pone NUNCA va a poder acabar y el vídeo se hace superlargo..

[@diegoflorez7032]

Llorooooo

[@Diana-op2dq]

No llores hombre,😅

[@jesusschiaverano6292]

Que voz sexi

[@williansandro6877]

Cada pergunta pelo amor de deus. Deixem ela explicar . Muito conhecimento dela e muita gente burra interrompendo

[@polodibujanye]

NO INTERRUMPA POR FAVOR!!!

[@carlosaltamirano2006]

que horror!!!una señora que esta mas en pelotas que yo..."la reina del maquetado" 🙈