Почему не работает flexbox в mozilla?

Question

[Олег Машко]

Добрый вечер! Сделал сайт olbery.besaba.com/uniPage/index-video-bg.html, в нем есть портфолио которое сделал на флексбоксе, но проблема в том, что в мозилле оно не отображается почему-то словно и нет его совсем, в хроме, сафари и опере все нормально. Высота блоков с картинками задана через padding-bottom в процентах, но мозилла их не видит и так же как эксплорер все картинки помещает в один ряд не разбивая на 2. Как пофиксить, помогите.

Answer 1

[Алексей Зуев]

Попробуйте вот так

#posts {
 + flex-wrap: wrap;
}

+ #posts .post::after {
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+ }

#posts .post {
-    height: 0;
-    padding-bottom: 25%;
}

Comments

[Олег Машко]

Огромное спасибо! Работает!