Имеет ли смысл использование SCSS при именовании классов по BEM?

imko, и так и так два хода.
Либо открыть файл блока и в нем элемент.
Либо найти сначала в разметке, потом кликнуть и попасть в стили.

Имеет ли смысл использование SCSS при именовании классов по BEM?

Т.к. например, при правке стилей класс найти проще, если стили написаны без вложенности.

Поддерживаю второй вариант.

А так да, в зависимости от кодгайда, принятого в команде или указанного в ТЗ. Если его нет, то как вам больше нравится.

Desc вылазит за блок?

Это в каком языке слово такой длины?
Гуглите свойства переноса.

Как сверстать такую сетку?

Раз высота карточек разная, то тогда js вам в помощь (в паре с флексами, колонками, гридами, обертками или с чем удобно) и плагины типа masonry.

После подключения Sass никаких измений в HTML?

Я не поняла, у вас index.html лежит в папке img?
Если да, то как-то бы это поправить. Ну и путь к стилям соответственно.

Как сделать такое внутреннее скругление волной у блока средствами css?

clip-path
радиальными градиентами (как псевдо к кнопке)
или просто наложить сверху svg

Как убрать ободок от фона средствами CSS при использовании border-radius?

Увеличьте скругления у нижних углов для нижних слоев. Для футера задайте то, которое нужно.

p.s. если заменить абсолюты на гриды, будет вообще шикарно.

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

RusticAnd, Тут больше вопрос, зачем вообще нужна внешняя обертка. Но если в ней есть что-то ещё кроме списка, то тогда и флекс, вероятно, оправдан.
А для решения задачи именно он и нужен.

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

Растянуть ячейки, например, с помощью flex-grow

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

Они к одной и применяются. На какую ссылку навели, та и уменьшается.
Другие при этом, да, сдвигаются. Просто потому что соседняя уменьшилась.
Т.е. нужно либо фиксировать ширину ссылок либо компенсировать это уменьшение любым удобным способом.

Можно ли сделать так, чтобы картинка которая прижата к правому краю экрана(с помощью position: absolute) не обрезалась при адаптирование?

Максим Samonov, я тут даже не знаю, что вам рассказать, кроме как пересказать справочник про bg size и пару глав школьной геометрии. Поэтому, уточните, пожалуйста, вопрос. Конкретизируйте как-нибудь. В идеале с примерами ваших попыток на codepen.io

Можно ли сделать так, чтобы картинка которая прижата к правому краю экрана(с помощью position: absolute) не обрезалась при адаптирование?

Вопрос: зачем вы фоновые картинки делаете контентными?
Если она перестанет быть контентной, то абсолютом будет псевдоэлемент. Которому вы ограничите ширину, а фон впишете в эту ширину с помощью подходящего bg size

Как задать фиксированную высоту шапки?

elena2001932,

оно тоже для меня не работает.

Отличная фраза. Потому что для меня и всех остальных работает:
https://codepen.io/AnnaSummer/pen/mdaZKMd

Как задать фиксированную высоту шапки?

Вы задаете высоту шапке. А выравниваете внутри блока .center-align, у которого высота по контенту и естественно, align-items не дает никакого результата.

Как добавить файлы в гит если у меня нет git add и VCS тоже нет?

Меню - VSC и дальше по плану.
Либо, как обычно, командами из консоли. git init git add . потом коммит, пуш...

Как работать с иконками?

Иконки как SVG.
Закрашенные круги: надо смотреть в макет. Без макета круги это css и border-radius.

Вставка SVG
- инлайном в разметку
- use в разметке
-- можно в сочетании с currentColor
- инлайном в css (в кастомные свойства)
-- дальше фоном (если не нужно менять цвет) или масками (если нужно)

Что-то ещё, наверное, забыла.

Люблю вариант на CSS с кастомками и масками.
Не люблю мусор в разметке, если нет анимаций и всего прочего, что однозначно говорит, что нужно в разметку.

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

Вот реализация с уменьшением

Это уменьшение только ширины. Причем max-width: 100%; там довольно сомнительное.

Просто масштабирование делать, конечно, можно, но ведь по-хорошему в большинстве случаев, нет смысла масштабировать толщину бордеров и аналогичных элементов. Хорошо бы подходить с умом.

Можно использовать единицы vw, можно в сочетании с clamp. Также calc. И тому подобные приемы.
Но в использовании vw есть нюансы для пользователей у которых в настройках браузера установлен более крупный шрифт, эта настройка не сработает.

На чем создать сайт с онлай-книгами?

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

Это противоречит идее популярных CMS. Чем больше функций умеет CMS, т.е. чем она универсальнее, тем больше мусора для отдельных проектов.

Есть идеи, что тут лучше всего подойдет: WP, DLE или, быть может, что-то иное?

Может быть.
Но как ТЗ из вашего вопроса можно воспринимать только фразу:книги - скачивание и онлайн-чтение
К такому ТЗ ответ будет: любая.
А дальше либо к неё есть нужные вам плагины (гуглите) либо нет. Если второе, то либо искать разработчиков, которые напишут плагин для выбранной вами CMS либо наоборот, разработчики скажут для какой они напишут.

Как получить элементы, у которых отсутствует определённый класс?

DZHAMBUALT, селекторы и там и там работают одинаково

Как получить элементы, у которых отсутствует определённый класс?

.element-1:not(.none)