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

Как переставить пагинацию, если она не слушается?

Дарья,

первого вообще нет в моём коде

Я понимаю.
Но к сайту вы их как-то подключили?

Т е они сами подключены изначально, я к ним никак не причастна

Ну хорошо, не вы, кто-то другой.
Но они где-то подключены.
Где?

И где подключен ваш файл стилей?

Либо что вообще написано в head?

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

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

Как переставить пагинацию, если она не слушается?

Дарья,
Где и как подключены эти файлы?

Как переставить пагинацию, если она не слушается?

Дарья, где подключение стилей свайпера? И где подключение ваших стилей?

Как переставить пагинацию, если она не слушается?

Т е, например, я вижу, что в начальных данных присутствует свойство text-align: center; , поэтому я переписала на text-align: right; . Угадайте реакцию свайпера

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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