How to make flex-boxes cross browser?

Question

css

.class{
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
}

Everything seems to be fine, but the standard Android5.0 browser and its earlier versions do not think so.
This browser's engine is WebKit

Answer 1

The problem is definitely not in this code. This code will work on android 5 without problems.

Answer 2

Check if flexbox is available on this CIU site