💡 Ошибка: все в пикселях, даже font-size Советуем сделать (если вы еще нее сделали) переход с px на em и rem для таких значений, как: — размер шрифта и высота строки, — размеры иконок, — размеры кнопок, — вертикальный ритм. В рамках БЭМ для блока: rem для размера шрифта блока, em — для остальных величин блока. Для элемента есть 2 стратегии: 1) em для размера шрифта, если структура html уже утвердилась и вряд ли добавится / убавится еще один уровень вложенности, 2) rem — если в рамках блока вероятны изменения (перемещение элементов, добавление или удаление оберток и т.п.). Чтобы понять разницу между единицами изменения или выбрать между em и rem, предлагаем обратить внимание на канал DevTips, на котором в весьма непринужденной форме объясняются основы верстки. Также с псевдоэлементами и em стоит быть осторожней: «Если в IE9+для одного и того же псевдоэлемента задать размер шрифта через разные селекторы, то он просто перемножит все размеры шрифтов.» (источник) WebDEV #советы #web