La clase de hoy comenzó inmediatamente con materia sobre “Grid” y “Flex”, ya que no hubo actividad práctica para presentar por grupos durante la clase anterior.
La propiedad CSS display “Flex” o “Flex box” permite mostrar el contenido de un contenedor al cual le aplicamos esta propiedad a modo de columnas alineadas hacia el lado, lo que permite hacer “flotar” elementos unos al lado de otros.
Otra alternativa es usar display “Grid” que también permite trabajar usando la disposición de grillas.
https://openwebinars.net/blog/que-es-flexbox/
https://i.pinimg.com/originals/c5/77/68/c577689f67c46fc704516f444299a6f3.gif
Durante la clase nos compartieron el link de esta herramienta https://cssgradient.io/ para generar el código de gradientes en CSS, y acá otro sitio de utilidad para estudiar un poco de CSS https://css-tricks.com/almanac/properties/o/object-fit/.
La actividad de la clase del día de hoy consistía en desarrollar una grilla tipo «instagram» dónde aplicáramos los modelo de layout que vimos hoy (grid y flex).
Conclusión
Hoy fue un día muy productivo en cuanto al avance tremendo respecto a lo que habíamos visto antes, el ver los módulo de css grid y flexbox (más el modelo de cajas) es gran parte del trabajo de un diseñador y maquetador.