Resumen Flex and Querys

flex-wrap : Indica si los hijos deben mantener una unica fila o columna

-nowrap : hijos en una unica fila o columna
-wrap : Los hijos cuando no haya espacio saltar a la fila siguiente o columna
-wrap-reverse : Orden inverso

flex-flow: es la mezcla de los otros dos

justify-content : cuando los elementos estan en fila(flex-direction:row) como deben repartirse
-flex-start:desde el principio hasta el final dejando lo que sobre al final
-flex-end :al reves
-center
-space-between:No hay margenes y hay huecos entre los elementos
-space-arround:Rellena lo que sobre

align-elements: alineacion vertical de los elementos en fila segun eje Y

-flex-start
-flex-end
-center
-stretch
-baseline

Align-content: Cuando los objetos estan en varias filas , como se coloca respecto eje Y
-flex-start
-flex-end
-center
-space-between : Filas al principio y al final y espacio en medio
-space-arround
-stretch

Order: Valores númericos

flex-grow

flex-shrink


QUERYS

[min/max]-width/height

[min/max]-device-width/height : ancho o alto de representacion grafica del dispositivo

orientation : portrait cuando height sea mayor que witdh  o landscape si es a la inversa