Как убрать ободок от фона средствами 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)

Как обернуть группу тегов в div, чтобы работали вкладки (табы)?

инпуты
потом div|ul с лейблами
потом div с контентными блоками
И селекторы с ~

Но вообще, JS

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey, а, вспомнила, align-self ещё для маленького

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey,

какой стиль идет после всех -тот и перебивает что-то, если надо - разве нет?

Да, именно так. Поэтому свои стили должны быть последними.

все равно не помогло

Через dev tools работало.

Какой шрифт выносить в константы в sass?

Вы, конечно, так чудно спросили без макета...

Сейчас возникла идея, что каждый вид было бы удобно вынести extend...

Уж лучше класс.

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

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

alexiusgrey,
1. Для работы стики, родительскому блоку не нужен relative, это я выше написала ерунду. Извините.
2. Почему у вас бутстрап подключается после ваших стилей?? Всегда сначала сбросы, бутстрапы, стили каруселей и прочее барахло. И последней строкой, как волшебница в сказке, ваши стили.
3. Стики не будет работать, если у родителя на любом уровне (бабушки, дедушки, прабабушки) есть overflow.
У вас он задан прямо для body (фу-фу так делать, да и на мобилках все равно не спасет)

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

Сайпи Курбанов, смешно :)