Примеры: youtube(область подписок и основная строка), дискорд(там тож 4 окна вроде бы) НО НЕ ВК(там немного по другому)
вы знаете как решить проблему со слайдером?
li:not(:last-child)::after{})
align-items: center;, а говорите, что блоки должны быть одной высоты.
Ну да, в макете 242, в песочнице 278, действительно, очень близкие значения.
В любом случае, текст по-разному рендерится в графических программах и в разных браузерах.
Если переносы текста нужны прям точно как по макету, используйте
brи неразрывные пробелы, там где они уместны.1. healthcare__colum с виду лишняя обертка, зачем она?
2. Иконки не являются контентными изображениями, их вставляют фонами и/или псевдоэлементами.
3. Странные переопределения box-sizing и зачем-то два раза стили для контейнеров.
4. Неровные значения паддингов. Зачем?
5.
line-height: calc(12 / 10 * 100%);вы можете один раз посчитать на калькуляторе, а не заставлять браузер пересчитывать при каждой загрузке страницы.line-height удобнее задавать безразмерным коэффициентом.
https://learn.javascript.ru/font-size-line-height
css-live.ru/css/metriki-shrifta-line-height-vertic...
6. В font-family забыто семейство. Если шрифт пропадет, вы в одном браузере получите шрифт без засечек, а в другом с засечками.
7. Семантика
и т.д.