Cross axis es el eje vertical y main axis es el eje horizontal.

column-reverse lo que hace es invertir el punto de partida del eje, por defecto Cross Axis es de arriba hacia abajo, al aplicarle column-reverse comienza de abajo hacia arriba.

Main axis por defecto es de izquierda a derecha, si le aplicas row-reverse comenzará de derecha a izquierda.

Ahora bien, ten mucho cuidado con el justify-content de los ejes. Justify-content es para centrar elementos respecto al eje principal.

Mucha gente cree que justify-content es para centrar horizontalmente, lo cual no necesariamente es cierto, y te digo por qué, al aplicar flex-direction:column, tu main axis será el vertical, si aplicas justify-content:center, los elementos se centrarán verticalmente ya que ese es tu eje principal ahora.

Saludos!

Espero que hayas entendido, Cross Axis es vertical y Main Axis es horizontal por defecto, pero al aplicar flex-direction:column; tu main axis pasa a ser vertical y tu cross axis horizontal.

O sea que depende de como orientes tus ejes.

yo creo que la pregunta no está resuelta, de hecho tengo la misma pregunta, porque el tema es que el no esta preguntando por la dirección, si no por el sentido que es completamente distinto, intentaré investigarlo y volveré jajaja

Estuve haciendo unas pruebas en CodePen y aunque sea column o column-reverse el eje secundario se mantiene de izquierda a derecha, no se invierte junto con la dirección que le des al eje principal.

Si no es eso, no entiendo tu duda, saludos.

Eso justamente es compañero, muchas gracias, de hecho ya había resuelto esta duda, la única forma de cambiar el cross axis es, a través de, flex-wrap, o del short hand flex-flow, que contiene al flex-direction y flex-wrap

Cross axis es el eje vertical y main axis es el eje horizontal.

column-reverse lo que hace es invertir el punto de partida del eje, por defecto Cross Axis es de arriba hacia abajo, al aplicarle column-reverse comienza de abajo hacia arriba.

Main axis por defecto es de izquierda a derecha, si le aplicas row-reverse comenzará de derecha a izquierda.

Ahora bien, ten mucho cuidado con el justify-content de los ejes. Justify-content es para centrar elementos respecto al eje principal.

Mucha gente cree que justify-content es para centrar horizontalmente, lo cual no necesariamente es cierto, y te digo por qué, al aplicar flex-direction:column, tu main axis será el vertical, si aplicas justify-content:center, los elementos se centrarán verticalmente ya que ese es tu eje principal ahora.

Saludos!

Espero que hayas entendido, Cross Axis es vertical y Main Axis es horizontal por defecto, pero al aplicar flex-direction:column; tu main axis pasa a ser vertical y tu cross axis horizontal.

O sea que depende de como orientes tus ejes.

yo creo que la pregunta no está resuelta, de hecho tengo la misma pregunta, porque el tema es que el no esta preguntando por la dirección, si no por el sentido que es completamente distinto, intentaré investigarlo y volveré jajaja

Estuve haciendo unas pruebas en CodePen y aunque sea column o column-reverse el eje secundario se mantiene de izquierda a derecha, no se invierte junto con la dirección que le des al eje principal.

Si no es eso, no entiendo tu duda, saludos.

Eso justamente es compañero, muchas gracias, de hecho ya había resuelto esta duda, la única forma de cambiar el cross axis es, a través de, flex-wrap, o del short hand flex-flow, que contiene al flex-direction y flex-wrap

Cross axis es el eje vertical y main axis es el eje horizontal.

column-reverse lo que hace es invertir el punto de partida del eje, por defecto Cross Axis es de arriba hacia abajo, al aplicarle column-reverse comienza de abajo hacia arriba.

Main axis por defecto es de izquierda a derecha, si le aplicas row-reverse comenzará de derecha a izquierda.

Ahora bien, ten mucho cuidado con el justify-content de los ejes. Justify-content es para centrar elementos respecto al eje principal.

Mucha gente cree que justify-content es para centrar horizontalmente, lo cual no necesariamente es cierto, y te digo por qué, al aplicar flex-direction:column, tu main axis será el vertical, si aplicas justify-content:center, los elementos se centrarán verticalmente ya que ese es tu eje principal ahora.

Saludos!

Espero que hayas entendido, Cross Axis es vertical y Main Axis es horizontal por defecto, pero al aplicar flex-direction:column; tu main axis pasa a ser vertical y tu cross axis horizontal.

O sea que depende de como orientes tus ejes.

yo creo que la pregunta no está resuelta, de hecho tengo la misma pregunta, porque el tema es que el no esta preguntando por la dirección, si no por el sentido que es completamente distinto, intentaré investigarlo y volveré jajaja

Estuve haciendo unas pruebas en CodePen y aunque sea column o column-reverse el eje secundario se mantiene de izquierda a derecha, no se invierte junto con la dirección que le des al eje principal.

Si no es eso, no entiendo tu duda, saludos.

Eso justamente es compañero, muchas gracias, de hecho ya había resuelto esta duda, la única forma de cambiar el cross axis es, a través de, flex-wrap, o del short hand flex-flow, que contiene al flex-direction y flex-wrap