Например, свойство поддерживают 80% браузеров, можно ли при такой поддержке использовать нововведения?
Задача: нужно сделать так...
picture) и, наверное, без белого фона. .col-1 и остальные вообще не нужна. 1. Чтобы все хорошо смотрелось (ну, это само собой разумеется);
4. Меню и логотип должны быть не зависимы друг от друга, и изменяя положение одного элемента, другой при этом двигаться не должен.
Но
1. БЭМ не отменяет семантику, а у вас дивянка. И от части тегов можно вообще избавиться.
2. Декоры не вставляют тегами img или, если по-другому никак, скрывают от скринридеров.
3. Классы типа top, down, red, blue плохо переиспользуются и сильно хромают при адаптиве, смене тем и т.д.
4. Можно избавиться от значительной части слов в классах. Например, использовать item только там где сам item, в дочерних это слово убрать. Если оно оттуда не убирается логически, значит, item это блок, а не элемент и вложенные элементы это его элементы, а не родительского.
expertise__item-text->expertise__text