Почему текст некорректно переносится из макета?

What have you done, к 4: ничего подобного, совсем не следует тащить ошибки/недочеты дизайнера в верстку.
Пиксель перфект всё равно никто не делает даже до целого пикселя, а вы там какие-то сотые пишете. 2-5-10px вообще нормальные расхождения, если на глаз всё выглядит гармоничным.
Тем более, что про рендер шрифтов я уже сказала.

Как передавать в переменной CSS значение свойства inherit?

Михаил Р., расскажите ситуацию, где это нужно делать через кастомное и обычный inherit не помогает.

Как сверстать такой блок?

Прибить псевдоэлемент абсолютом.
Если текста будет много, картинка просто перестанет вылезать из блока.

Почему текст некорректно переносится из макета?

What have you done,

размер блока для текста соответствует размеру из макета

Ну да, в макете 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. Семантика

и т.д.

Как сделать чтобы по нажатию на блок его border подкрашивался жёлтым?

Там же где открываете, задавайте класс, который задаст желтый бордер.

На самом деле достаточно просто класса. А в классе прописать и бордер и открытие.

Почему текст некорректно переносится из макета?

Kanm имеет смысл уточнить, что именно по вашему мнению работает некорректно.

Потому что в коде некорректного довольно много.

Почему текст некорректно переносится из макета?

Alfieros,

с чего вы взяли, что обнуление это варварский способ?

Потому что потом придется снова переопределять для тех элементов, которым эти отступы нужны.
Поэтому разумнее обнулять только тем, кому действительно нужен 0, например, body.

Почему теряется верстка при добавлении тега "а" внуть тега "а"?

Bred Thomson, по-моему, он не очень удобный...

Но так и пишете ссылка вокруг картинки, ссылка вокруг текста, ссылка вокруг чего-то там еще...

Почему теряется верстка при добавлении тега "а" внуть тега "а"?

У вас два глобальных варианта:
1. Оборачивать в ссылки по частям.
2. Вынуть блок с текстом и второй ссылкой из первой и спозиционировать гридами или абсолютами (лучше гридами)

Как сделать прокручивание отдельного дива?

За прокрутку отвечает свойство overflow.
Что именно вы сделали и что не получилось?
В песочницу на codepen.io

Примеры: youtube(область подписок и основная строка), дискорд(там тож 4 окна вроде бы) НО НЕ ВК(там немного по другому)

Можете открыть инструменты разработчика и изучить как это сделано на сайтах-примерах.

Как расположить блок header абсолютно, но при это он не должен растягиваться по высоте на весь экран?

растягиваться по высоте на всю ширину экрана?

Поясните, пожалуйста, что вы имели в виду под этой загадочной фразой.
Наверное, "на весь экран".
Поправьте.

Как изменить размер SVG-картинки в CSS?

Для начала нужно узнать почему не работает ваша запись.
Для этого нужно дать ссылку на сайт или песочницу на codepen.io

Использовать !important в своем коде это моветон.

Как исправить баг с высотой колонок?

ambisinister One, пожалуйста, не путайте новичков, Java и JavaScript это очень разные языки.

Почему текст не встает по центру блока?

godsplane,

Почему никто еще не написал про vertical-align:middle . В свое время мне это помогло

Потому что к флексам он не имеет отношения.

Как поменять расположение кнопок у slick slider?

Вова Клевцов,

вы знаете как решить проблему со слайдером?

Да.
С помощью абсолютного позиционирования и, вероятно, функции calc нужно отправить стрелки туда, куда вам хочется.

p.s. slick несколько устарел, в более современном swiper.js это делается ещё проще.

Как поменять расположение кнопок у slick slider?

Вова Клевцов, так я написала, что нужно почитать, чтобы разобраться с ним.
Поскольку выложенный вами код к проблеме имеет очень мало отношения (почти нисколько), то не знаю чем вам ещё помочь.

Как создать внутреннею решетку на css, чтобы она была динамической?

Просто немножко недописали nth (не всё предусмотрели)
Вот толковая статья: https://css-live.ru/articles/resheno-s-pomoshhyu-c...

Какой точка @media для Samsung Galaxy S22?

https://www.esolutions.se/en/test
Открыть или попросить открыть и посмотреть

Почему текст не встает по центру блока?

vahromeevilya-widestudio, https://codepen.io/AnnaSummer/pen/qBpNKMZ

И шрифты бывают кривыми.

p.s. хлебные крошки лучше делать списком.
Точку - псевдоэлементом li. (li:not(:last-child)::after{})
Плюсы:
- 100% не нужен абсолют для точки
- точка не входит в ссылку
- семантика для доступности

Или по крайней мере pointer-events none для псевдо.

Почему текст не встает по центру блока?

align-items:center; это свойство флекс-контейнера, а не элементов.
Как только вы зададите его родителю, всё заработает.

Кстати, задавать inline-flex дочерним элементам флекса бесполезно. Они будут превращены в блочный аналог, т.е. в просто flex.