Как правильно задать класс по БЭМ?

Элементов элементов в БЭМ не бывает.

Значит, если выбирать из этих двух: task__date-text

Можно ли автоматически высчитывать max-height на css?

aftar, прочитайте спеку и пройдите игру grid garden (гугится). Игра на полчаса.
Что делать с этой оберткой я написала.

Как "вставить" ссылку в кнопку span?

Ссылки теория: https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Практика:
https://jsfiddle.net/zq2epLj4/

Как в CSS сделать эффект освещения?

Леонид, да главное без лишних div

Как в CSS сделать эффект освещения?

Только вместо вот этой "порнушки"

.power-share .block_image_right_bg .wrap-right .shadow

.wrap-right::after
И не забыть добавить свойство content.

Префиксы для box-shadow вообще не нужны.

Как сделать элемент, что бы один край был скошен?

Olga17527, добавила пример в ответ

Можно ли автоматически высчитывать max-height на css?

aftar, что-то у вас там каша какая-то.
Вы grid-template-rows от балды задаете?
У первых форм по 5 детей, вы пишете, что у грида 2 строки.

У третей формы и правда два ребенка, но вы пишете min-content 1fr. Хотя это второй ребенок должен взять столько места, сколько ему нужно и всё оставшееся отдать первому.
А потом для wrapper пишете, что у него grid-template-rows: min-content;.
Я вижу у него 4 детей.
Да, грид, конечно, и сам добавит недостающие строки, но в чем смысл-то?

Но начать имеет смысл с ответа на вопрос, зачем в третей форме вообще wrapper.

Итого:
1. Разобраться со строками гридов.
2. Выяснить необходимость wrapper.
- если нужен, задать ему overflow hidden
- если не нужен, удалить или задать display contents

p.s. почитайте про box-sizing, а то у вас инпуты вываливаются.

Можно ли автоматически высчитывать max-height на css?

aftar, не вижу глобальной разницы.
Покажите песочницу и расскажите, что не получилось и в чем проблема.

Как стриггреить git pull на хосте при обновлении репозитория в GitHub?

Автотесты и деплой на GitHub Actions: npm-скрипты,...

Как с помощью grid сделать такое?

Задать первым двум grid-column: span 2
Что именно у вас не получилось?

Как написать отзывчивое свойство в Clamp?

Так и написать, вооружившись калькулятором

clamp(минимальный-размер-в-px, сколько-это-в-vw(или%), максимальный-размер-в-px)

Например, для блока равного ширине вьюпорта и с ограничениями 320 и 1600
clamp(320px, 100vw, 1600px)

Для шрифта, пусть он на 320 = 10px.
Считаем:
В vw это будет 0.03125vw
На 1600 он будет = 50px.
Пишем
clamp(10px, 3.125vw, 50px)

Что здесь не так со шрифтами?

Айрат Кадырмаев,
эмммм

Почему-то мне кажется, что это вопрос про дизайн, а не про верстку.

Если в макете один шрифт и он вас устраивает, а в верстке другой, то это одно дело.
Если вас не устраивает шрифт в макете, то другое.

Что здесь не так со шрифтами?

Почему-то мне кажется, что это вопрос про дизайн, а не про верстку.
Если это так, то смените тег.

Почему не работает margin в div?

Ну видно же, что всё работает https://jsfiddle.net/84p6gyn3/

Другое дело, что, возможно, не так как вы хотите.

Можно ли автоматически высчитывать max-height на css?

Вот ближайший аналог вашего вопроса https://qna.habr.com/q/1102624

Почему контент не помещается на мобильнике HUAWEI?

zzmaster, js'ом поменять мета viewport на фикс размер 530 при ширине меньше 530.

Но дело в том, что большинство телефонов имеют вьюпорт меньше 530. Так что лучше переверстать.

Можно ли автоматически высчитывать max-height на css?

Ну нет, ну не надо абсолютами
Вот ближайший аналог вашего вопроса https://qna.habr.com/q/1102624

Как убрать отступы между изображениями в psd макете?

Sergey_Dultsev, изображения вы можете заменить любыми другими подходящими хоть из яндекс.картинок или любого сервиса заглушек https://picsum.photos/

Как убрать отступы между изображениями в psd макете?

Как убрать отступы между изображениями в psd макете?

который мною в коде не прописывался.

Сначала нужно определиться, где всё таки проблема и переформулировать вопрос.

Подозреваю, что проблема всё таки в коде. А значит, нужно нам его как-то показать. Либо выложить в песочницу jsfiddle.net либо ссылкой на сайт.

Почему появляется отступ после изображения?

Потому что после инлайновых элементов добавляется пробел.

Чтобы его убрать, можно задать для img display block или указать в явном виде vertical-align со значениями top или bottom (какими-то ещё, я забыла за ненадобностью)