Card order not working on XS devices; .card-deck is not a flex
Created by: vliegelientje
Rearranging cards does not work on mobile devices as expected. Setting an "order" has no effect because .card-deck on XS devices is a "display: block" instead of a "display: flex".
I would suggest to use flexbox even on XS devices so ordering of the cards in CSS is possible:
.card-deck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}