How do I set flex attributes for flex-items?

Sometimes, it would be usefull to change flex-item attributes in a container.

For example

  • have one of the element to "grow"using flex-grow
  • change item order on mobile using order
  • change item alignement with align-self

Is there a way to do so ?

Setting custom CSS on the element does not work (as the element itslef appears to be inside the flex-item DIV).