Как исправить writing-mode в FF?

Question

[Анатолий]

В Chrome все нормально, а в FireFox как-то не очень, как исправить?
Что удивительно, что в FF часто все нормально, но при разных размерах браузера все таки отображается не корректно! Так что если Вы видите пример нормально, перейдите в CodePen и перезагрузите страницу изменив размер окна браузера.

Сейчас так:

Нужно так:

Answer 1

[Danny Arty]

.why h2 div:first-child {
display: flex;
align-items: flex-start;
}

Comments

[Анатолий]

А где задать этот стиль?
Прописал для верности во всех элементов, но ничего не изменилось!

[Danny Arty]

Анатолий, поправил ответ

[Анатолий]

Danny Arty, с одной стороны вниз больше не сдвигается, но появился другой эффект теперь происходит заезд одного элемента на другой. Раньше я такого не видел, но возможно из-за того что элемент вниз сдвигался.

Вот что я вижу:


Я внес Ваш код в пример, т.е. можно посмотреть что там получилось.
Только я не flex-start, а flex-end сделал, чтобы выравнивание было по низу.

С одной стороны это как бы решаемо, можно просто увеличить отступ:
.why h2 div:last-child { padding-left: 20px }
изменить на
.why h2 div:last-child { padding-left: 60px }
но теперь в FF нормально, а в хроме неприемлемо большое расстояние.

[Danny Arty]

Анатолий, странно, у меня и там и там норм отображается. Может еще какие-то стили мешают?
Вот у меня в FF и такая же картинка в chrome


Лучше скиньте ссылку на ресурс

[Анатолий]

Danny Arty, https://clck.ru/as9cA

[Danny Arty]

Анатолий, все нормально и в FF и в Chrome

[Анатолий]

Danny Arty, нет! Я проверял на нескольких физических устройствах, везде криво.
Но если открыть 1 раз, то вроде как все нормально, но изменяя окно и нажимая F5, или переходя по страницам (там на каждой странице этот раздел) можно увидеть, что криво. Я тоже увидел, что криво на чужом компьютере, у меня все нормально было, но потом поигрался с размером окна и все увидел.

[Danny Arty]

Анатолий, да, точно при смене страницы и размера окна слетает именно в FF

[Danny Arty]

Анатолий, посмотрите эту ветку https://stackoverflow.com/questions/45926524/writi...

[Анатолий]

Danny Arty, я читал ее уже, но не понял как реализовать в моем случае.