Propriété CSS order qui ne s'applique pas

Bonjour,

Je ne comprends pas pourquoi la propriété CSS order ne s'applique pas dans le code HTML/CSS suivant :
https://jsfiddle.net/c49oe6aL/
Ce que je souhaite c'est conserver un ordre naturel en mode d'affichage desktop mais quand on passe en mode d'affichage smartphone, je voudrais un ordre précis des cartouches.
Ainsi, en desktop, le cartouche "Métadonnées" est en 6ème position et est à sa place mais en smartphone je voudrais que ce même cartouche s'affiche en seconde position juste sous le premier cartouche intitulé "Indispensables".

Quelqu'un saurait me dire où j'ai commis des erreurs ?

regardez l'article avec les outils de développement de votre navigateur, vous verrez un message d'erreur pour la règle "order".