Order

• По умолчанию

  
  .flex-child {
      order: 0;
  }
                

  A

  B

  C

  D

  E

  F

• сместим C вправо // order: 1;

  
  .flex-child:nth-of-type(3) { // C
      order: 1;
  }              
            

  A

  B

  C

  D

  E

  F

• CA расположим справа

  
  .flex-child:nth-of-type(1) { // A
      order: 2;
  }
  .flex-child:nth-of-type(3) { // C
      order: 1;
  }                              
              

  A

  B

  C

  D

  E

  F

• CAB расположим справа

  
  .flex-child:nth-of-type(1) { // A
      order: 2;
  }
  .flex-child:nth-of-type(2) { // B
      order: 3;
  }
  .flex-child:nth-of-type(3) { // C
      order: 1;
  }
              

  A

  B

  C

  D

  E

  F