🧠 La propiedad z-index determina qué elemento se coloca por encima o por
debajo de otros en el eje Z (profundidad).
| Clase | CSS | Visual |
|---|---|---|
| z-0 / z-10 / z-20 / z-30 / z-50 | z-index: 0/10/20/30/50 |
z-50
z-0
z-20
-z-10
|
| z-[99] / z-auto / z-[-10] | z-index: 99 / auto / -10 |
z-[99]
z-auto
-z-10
Z 0
|
🧠 La propiedad order cambia el orden visual de los elementos dentro de
un contenedor flex o grid, sin alterar su posición en el HTML.
| Clase | CSS | Ejemplo |
|---|---|---|
| order-first, order-last, order-none | order: -9999 / 9999 / 0 |
last
none
first
|
| order-1 / order-5 / order-[12] / -order-1 | order: 1 / 5 / 12 / -1 |
order-5
order-[12]
-order-1
|