DEV Community

loading...

Flexy Boxes: Generador de c贸digo Flexbox 馃槵

duxtech profile image dux 銉1 min read

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:

img

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:


img

Discussion (2)

Collapse
miguelmj profile image
MiguelMJ

Un recurso muy 煤til, Dux! Gracias ;)

Collapse
duxtech profile image
dux Author

Gracias a ti por el comentario @miguelmj
Un saludo cordial!

Forem Open with the Forem app