Vlad_P

Попробуйте для боковых блоков обертку с flex-grow: 1

отдельный контейнер для 2х мелких фоток и кота. ток так

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText

Меняется. если поставит -webkit-backface-visibility: hidden; - не меняется. но текст отображается по другому Нашел источник проблемы. При открытии списка галочка через transform поворачивается. убрал у нее transition и нормально. Но какая тут связь - мне не понять

http://vlad.gtxt.biz/tahograph/ В хроме, в момент открытия подменю, меняется шрифт в темных блоках ниже. Как? Почему? И, главное, как исправить

а, я чет только на правило глянул,а так да, ток через js убирать его, поминая добрым словом того, кто так сделал

да ладно. а если body #mainblock block block block { background: green !important; }

Сложно понять, какой слайдер вы используете, но можно сразу сказать 2 способа: 1. задать этому блоку padding, чтобы контент на него не заходил. и не выносить стрелки за пределы блока 2. сделать кнопки отдельными элементами и через js навесить на них переходы вперед и назад. Любой готовый скрипт слайдера позволяет это без проблем

Не очень ясно, зачем ему этот атрибут? Он же задает начальное состояние :checked и не отражает текущий выбор. Ну и да конечно, сам атрибут вы без js не переместите. Стили не меняют хтмл код

Конечно нет неглюченых. Но откуда в сафари свои собственные. Я встречал

аппл зло. а сафари недоразумение. Ну ведь взят готовый движок. Зачем туда добавлять глюки. да еще с таким рвением. А уж сделать эклюзивной глюченую оболочку для движка - просто эталон политики апла Если уж сильно надо, проще уж наверно на вирт. машине

а меньшей кровью никак?

Не схлопываются. Как и inline-block )))) Помоему лучше флекс лучший выбор. А флоат - худший

Добавьте им vertical-align: top;

masonry это идеально точное решение, а так можно и первое решение. если md-9 и md-3 не подходят, можно ж использовать col-auto и col