Ошибки валидации CSS

Question

При проверки CSS на ошибки возникла проблема с валидацией -по неизвестной причине свойства flexbox не проходят проверку по стандарту CSS3 и возникают следующие ошибки

66 .block Value Error : display flex is not a display value : flex flex

67 .block Property flex-direction doesn't exist : column column

68 .block Property justify-content doesn't exist : center center

69 .block Property align-items doesn't exist : center center

Ниже приведен код, который не проходит валидацию по CSS3

.block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    margin:20px 0;
}

Как решить данную проблему?

Answer 1

Единственные ошибки которые я вижу, это отсутствие пробелов после : после align-items и margin. Также можно добавить вендорные префиксы:

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;

Если проблема сохранилась, напишите, пожалуйста, какой именно валидатор ее выдает

БЛОГ НА HUSL

Ошибки валидации CSS

Ответы (1 шт):