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;
}