Тёмный

Curso de CSS Grid - Tutorial en Español con "template areas" y "media queries" 

Emprinnos
Подписаться 12 тыс.
Просмотров 8 тыс.
50% 1

En este curso de CSS Grid creamos un mini proyecto para organizar el contenido con "template areas" y también "media queries" para implementar un diseño adaptable.
Pueden bajar los archivos para tenerlos como referencia:
github.com/Emp...
~-~~-~~~-~~-~
Please watch: "Aprende alineación con Flexbox. Tutorial completo."
• Aprende alineacion con...
~-~~-~~~-~~-~

Опубликовано:

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@silviozabala2814
@silviozabala2814 4 года назад
Excelente contenido, gracias por compartir tu conocimiento
@Emprinnos
@Emprinnos 4 года назад
Gracias Silvio!
@quatrosuyos9925
@quatrosuyos9925 Год назад
simple , claro ,didáctico saludos desde Lima Perú .
@Emprinnos
@Emprinnos Год назад
gracias Amigo, saludos para ti tambien
@elrafineitorxd5400
@elrafineitorxd5400 2 года назад
De los pocos vídeos que me sirvieron, graciass.
@Emprinnos
@Emprinnos 2 года назад
Que bueno!
@mariacelestebarrios1103
@mariacelestebarrios1103 Год назад
Muchas gracias por explicar este tema, ahora me quedo mucho mas claro como hacer una pagina adaptable.
@Emprinnos
@Emprinnos Год назад
que bueno que te haya ayudado el video, saludos!
@ciber-aprended588
@ciber-aprended588 3 года назад
Broth un consejo, has zoom cuando escribas el código en la parte donde estés programando, se aprecia muy a lo lejos. Excelente video como siempre no mas es eso todo lo de mas excelente saludos desde México!
@Emprinnos
@Emprinnos 3 года назад
Gracias Cesar por tu sugerencia! en los ultimos videos arregle el problema porque varias personas me han comentado lo mismo. Gracias de nuevo!
@tahielgomez
@tahielgomez 3 года назад
Que buena explicación por dios!!!, justo lo que necesitaba. un abrazo
@Emprinnos
@Emprinnos 3 года назад
Gracias Tahiel, saludos!
@jjbbpe
@jjbbpe 4 года назад
Una recomendación, las letras más grandes, que casi no ve, trabaja por ejemplo con 20 lineas en el editor. Por lo demás, muy bien y muchas gracias.
@Emprinnos
@Emprinnos 4 года назад
Gracias Carlos por la sugerencia
@pablohorta1939
@pablohorta1939 2 года назад
IMPRESIONANTE VIDEO, SUPER CLARO Y QUEDA TODO ABIERTO EL CONOCIMIENTO PARA PODER APLICARLO EN PROYECTOS VARIOS. FELICITACIONES
@Emprinnos
@Emprinnos 2 года назад
Gracias Pablo, saludos!
@seica5561
@seica5561 4 года назад
Bune inicio Emprinnos.. Gracias desde VEnezuela (19/09/2020)
@Emprinnos
@Emprinnos 4 года назад
Gracias Luis! Un cordial saludo
@mariocalcetin7602
@mariocalcetin7602 3 года назад
Muchísimas gracias señor , muy fácil de entender . Agradecido .
@Emprinnos
@Emprinnos 3 года назад
De nada!
@William593-n6x
@William593-n6x 3 года назад
Wow! La verdad es mejor que un curso pagado, gracias por el tiempo que inviertes. Se podría hacer lo mismo tambien para los elementos que tienen una imagen y un poco de texto, tipo tarjeta? Por que intento que la imagen que está arriba, ocupe menos espacio que el texto pero como lo escrito es poco, la imagen crece y deja solo el espacio del texto. Para esto necesito que cada contenido esté dentro de un ?
@Emprinnos
@Emprinnos 3 года назад
Hola William, podrias limitar el tamano de la imagen, por ejemplo podrias ponerle max-width de 60%, min-width de 40% y el height con auto, de esta forma la imagen es responsive pero se limita al 40-60% del contenedor padre, Saludos!
@William593-n6x
@William593-n6x 3 года назад
@@Emprinnos Gracias por la respuesta, veré como queda :)
@alejorodriguez5754
@alejorodriguez5754 4 года назад
Pues justo lo que necesitaba. Buen comienzo de videos por cierto.
@Emprinnos
@Emprinnos 4 года назад
Gracias!
@jhernandez59
@jhernandez59 11 месяцев назад
Muchas gracias !
@tomasolivera1083
@tomasolivera1083 4 года назад
Muy buen contenido! Muchas gracias por compartir. +1sub
@Emprinnos
@Emprinnos 4 года назад
Gracias Tomas!
@ianiferrerlantigua8256
@ianiferrerlantigua8256 3 года назад
Saludos, el contenido es interesante pero deberías darle zoom a las letras del editor
@Emprinnos
@Emprinnos 3 года назад
Saludos Iani, varias personas me han comentado esto, en el resto de los videos hice zoom porque la verdad es que no se ve mucho y casi todos lo ven en el celular. Gracias por la sugerencia!
@ianiferrerlantigua8256
@ianiferrerlantigua8256 3 года назад
​@@Emprinnos si, los otros cursos están geniales, por cierto, ¿es factible ser js developer sin pasar por css? me explico, se html y un poco de css pero me quiero concentrar en la programación.
@Emprinnos
@Emprinnos 3 года назад
@@ianiferrerlantigua8256 al menos que hagas desarrollo back-end(el lado servidor) solamente y te dediques a la logica, pero javaScript se usa mucho para el Front-end, todos los frameworks de tipo Angular, Vue y React se basan en JavaScript y para front-end si necesitas saber CSS. Para el back-end JavaScript se usa tambien, pero aqui hay tambien otros lenguajes como Pyhton, php, java, etc. Si te vas a enfocar en JavaScript deberias saber el CSS tambien, no tienes que ser disenador de UX/UI esto es otra cosa, pero dado un diseno tienes que saber implementarlo. Ahora, si tu objetivo es solo back-end, el css obviamente no te hace falta, pero para eso vas a tener que aprender otras cosas aparte de JavaScript porque como te dije JavaScript es mayormente para front-end y si es muy popular para el back-end como parte del stack mern, mevn, mean, pern etc. pero solo para cierto tipo de aplicaciones, no para todo tipo de aplicacion.
@AudioMezcla
@AudioMezcla 2 года назад
Genial Video, my bien explicado. Una pregunta: ¿Por qué “grid-gap” me aparece como subrayado cuando escribo código con visual code studio?
@Emprinnos
@Emprinnos 2 года назад
el nombre de la propiedad que le corresponde a grid-gap is gap ahora, probablemente por eso lo subraya, escribe gap solamente a ver que cambia
@AudioMezcla
@AudioMezcla 2 года назад
@@Emprinnos gracias, pruebo y te digo
@AudioMezcla
@AudioMezcla 2 года назад
@@Emprinnos tampoco funciona. grip: (aparece en lista visual studio code como no reconocido) grip-gap (aparece, pero subrayado, como si no funcionara.
@Emprinnos
@Emprinnos 2 года назад
@@AudioMezcla claro amigo
@brus2099
@brus2099 4 года назад
Me pregunto si esa gente que agradece (que es buen gesto, claro) hará el tutorial 🤔
@Emprinnos
@Emprinnos 4 года назад
algunos si, esta es la intencion del video, aprender practicando
@ricardogoro
@ricardogoro 4 года назад
ubiera sido genial una explicacion con una grilla más compleja.
@Emprinnos
@Emprinnos 4 года назад
Saludos Ricardo, lo tendré en cuenta para un próximo video
@carlosmelian2057
@carlosmelian2057 4 года назад
Caballero, usted no se da cuenta que para poder ver el vídeo tendríamos que usar una lupa, porque el texto esta demasiado pequeño
@Emprinnos
@Emprinnos 4 года назад
Saludos Carlos, tienes razon, ya me di cuenta, la mayoria parte de la gente lo ve en el celular. En los ultimos videos cambie el tamaño de la letra