Inicio
Material
📝 Apuntes
Menú CSS
Lección Flexbox
🎮 Flexbox Training Zone
Volver a la Lección
Contenedor
flex-direction:
row
row-reverse
column
column-reverse
flex-wrap:
nowrap
wrap
wrap-reverse
justify-content:
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items:
stretch
flex-start
flex-end
center
baseline
align-content (para multi-línea):
stretch
flex-start
flex-end
center
space-between
space-around
gap (px):
Propiedades del Ítem
Editando items seleccionados (Ctrl+Click).
order:
flex-grow:
flex-shrink:
flex-basis:
align-self:
auto
flex-start
flex-end
center
baseline
stretch
Background:
Defecto (Púrpura)
Rojo
Verde
Azul
Amarillo
Pastel
Transparente
1
2
3
Volver a CSS