24 de mayo de 2020
Maquetado responsive con CSS Grid | Diseño adaptativo #css3 #responsive #tutorial
✅ Contenido:
✔ Maquetación de una página web responsive usando CSS Grid.
✔ Uso de grid-template-columns, grid-template-rows y grid-template-areas.
✔ Uso de la propiedad grid-template y media queries para crear maquetados específicos para cada dispositivo.
A diferencia del CSS flexbox que está diseñado manejar una sola dimensión ya sea horizontal como vertical, CSS Grid nos posibilita diseñar grillas donde podemos manejar tanto las filas como las columnas (2 dimensiones).
📺 Videos relacionados:
Galería de imágenes responsive usando CSS GRID: https://youtu.be/f3902x_dqqQ
CSS GRID | Guía completa DESDE CERO: https://youtu.be/iKdwZ91Q4L8
👀 Les sugiero pongan el video en 1080p para que puedan ver el código con nitidez.
👍 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1
🐤Sígueme en twitter:
https://twitter.com/ymulenll
📌Enlaces:
Código fuente:
https://github.com/ymulenll/css-grid-template
Muchas gracias por ver este video, espero le haya sido útil.
✔ Maquetación de una página web responsive usando CSS Grid.
✔ Uso de grid-template-columns, grid-template-rows y grid-template-areas.
✔ Uso de la propiedad grid-template y media queries para crear maquetados específicos para cada dispositivo.
A diferencia del CSS flexbox que está diseñado manejar una sola dimensión ya sea horizontal como vertical, CSS Grid nos posibilita diseñar grillas donde podemos manejar tanto las filas como las columnas (2 dimensiones).
📺 Videos relacionados:
Galería de imágenes responsive usando CSS GRID: https://youtu.be/f3902x_dqqQ
CSS GRID | Guía completa DESDE CERO: https://youtu.be/iKdwZ91Q4L8
👀 Les sugiero pongan el video en 1080p para que puedan ver el código con nitidez.
👍 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1
🐤Sígueme en twitter:
https://twitter.com/ymulenll
📌Enlaces:
Código fuente:
https://github.com/ymulenll/css-grid-template
Muchas gracias por ver este video, espero le haya sido útil.