Ejemplos de la charla/taller de flexbox y grid layout
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
flexbox
gridlayout
LICENSE
README.md
flexbox y grid.pdf

README.md

Flexbox y Grid Layout

Ejemplos de la charla/taller de Flexbox y Grid Layout.

Flexbox

  • Ejemplo de la propiedad display:flex.
  • Ejemplo de la propiedad flex direction.
  • Ejemplo de la propiedad flex wrap.
  • Ejemplo de la propiedad justify content.
  • Ejemplo de la propiedad align items.
  • Ejemplo de la propiedad align content.
  • Ejemplo de la propiedad order.
  • Ejemplo de la propiedad flex grow.
  • Ejemplo de la propiedad flex shrink.
  • Ejemplo de la propiedad flex basis.
  • Ejemplo de la propiedad align self.
  • Ejemplo completo de maquetación de un layout

Grid Layout

  • Ejemplo de la propiedad grid-auto-flow.
  • Ejemplo de la función repeat
  • Ejemplo completo de maquetación de un layout
  • Ejemplo para las propiedades justify-items y align-items
  • Ejemplo para las propiedades justify-content y align-content