Flexy Boxes: Generador de código Flexbox 😬

Este más que un post al que les tengo acostumbrado, es un recurso interesante que encontré y que quisiera compartir con ustedes. Se trata de una herramienta llamada Flexy Boxes que ayuda a generar código flexbox de una manera bastante visual y desde mi punto de vista muy sencilla también.

Puedes crear n número de flex containers y jugar con la mayoría de sus propiedades más importantes:

• display
• flex-direction
• flex-wrap
• justify-content
• align-items
• align-content

Pero también te da la opcion de configurar las propiedades de los flex-items:

• order
• align-self
• flex

A continuación un screen:

Espero que pueda servirles de ayuda, especialmente para aquellos devs que están aprendiendo estos conceptos desde cero.

Si gustas, puedes leer otras entradas mías que podrían ser de tu interés:

10 trucos y optimizaciones de código con JavaScript para 2021😎

Cristian Fernando ・ Mar 29 '21

#javascript #webdev #frontend #spanish

Las bondades del método includes() en JavaScript

Cristian Fernando ・ Mar 6 '21

#javascript #webdev #html #spanish

ES6: Destructuración de arreglos en JavaScript

Cristian Fernando ・ Sep 12 '20

#javascript #css #html #webdev