Какую выбрать программу для графика работы сотрудников?

Да хоть гугл (или не гугл) календарь.
Можно даже сделать несколько календарей по числу подразделений разными цветами.
Для большего удобства можно использовать плагин меток. Правда, только для десктопов.

Как проверить правильно ли реализовал прогер на сайте border-radius?

Виктория, так, как на скрине и делать. Только выделить тот элемент, у которого это свойство есть.
border-radius не наследуется, поэтому смотреть на дочерних не имеет смысла.

Как сделать предзагрузку SVG без JavaScript?

Как вы видите, что не работает?
В каком браузере?

Но хорошо бы вернуться на шаг назад.

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

И ответить на вопрос: зачем?
Судя по названию, это иконка, т.е. не контентное, важное, изображение, а украшение сайта. Зачем ей вообще прелоад?

Как сверстать такой блок на css или canvas?

или мой вариант тут единственный?

Вариантов тут заметно больше, чем "единственный".

Как можно сверстать такой блок адаптивно?

Для этого нужно знать, как оно должно меняться при адаптиве.

Вот , например, библиотечка https://github.com/anseki/leader-line

Как сделать правильную табуляцию в html?

Anna0802, видимо, не повезло с преподавателем. Тогда каким-то образом попытаться выяснить что ему нужно, сдать, получить зачет и забыть его.
Если тема интересна, то либо развиваться самостоятельно либо найти толкового ментора. Или и то и другое.

Как сделать правильную табуляцию в html?

Сделала дз, преподаватель придрался к табуляции, не отформатирован код.
Неужели всё настолько плохо?

Преподаватель неговорящий? У него нельзя спросить что именно не так, по его мнению?

Вообще, чтобы докапываться до неверного форматирования, где-то должны быть правила этого форматирования. Называются кодгайдом. И этот кодгайд в разных компаниях будет разным. Также есть популярные кодгайды, например, от гугла или airbnb и т.д.

Форматировала через prettier, он не исправил ничего, якобы всё хорошо.

Prettier не очень удобное средство для форматирования html.
Настраивайте editorconfig.

p.s. div main-block, наверное, должен быть тегом main.
При нормальном именовании секций нет смысла в комментариях. У вас вполне нормальное именование. Вы пишете sleep-tracker, какой смысл выше писать по-русски тоже самое?

Как работает FontFace?

SuperProshka,

Основной вопрос, почему google fonts предлагает мне тот же family подключить по ссылке и там перечисляет только один .ttf
ссылка на FontFace https://fonts.googleapis.com/css2?family=Playwrite...

Сложно сказать

только один .ttf

Боюсь представить какой вы используете браузер, что вам предлагают ttf вместо woff2 или хотя бы woff.

Тут видно разные .ttf для разных весов, но остается вопрос, как связаны PlaywriteIN-VariableFont_wght и файлы для каждого веса. Но это более минорный вопрос.

Это два варианта одного шрифта. Обычный и вариативный.

Как работает FontFace?

SuperProshka, если вы не используете функцию "ответить", то никто и не узнает, что вы пишете, если специально не зайдет в вопрос.
Случайно остался открытым.

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

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

Сверстайте неправильно или как-нибудь.
Потом улучшайте, если что-то покажется нелогичным/длинным или что-то ещё не устроит.

Через position : absolute ?

У абсолютов есть заведомый минус: сложности при переполнении.
Я бы заменила на гриды.
Но сначала хорошо бы узнать что именно является слайдом и как всё это должно себя вести при адаптиве.

Как работает FontFace?

Правильно ли я понимаю, что, не учитывая самодеятельность браузера, шрифт, заданный woff2, поддерживает только те font-weight, font-style, которые указаны в его FontFace?

Нет.
font-face задает соответствие этих параметров в css и файла шрифта.
Т.е. в font-face можно указать жирность 900 и указать файл 400.woff2
Тогда параграф, котором задали font-weight 900 будет выглядеть как текст обычной жирности (400). Потому что мы сказали браузеру взять именно этот файл, если нужна жирность 900.

Как понять что задает файл шрифта и какое множество параметров он поддерживает?

Думаю, что нужно загуглить тему создания шрифтов. Тема интересная и обширная, перепечатывать сюда не имеет смысла.
Сначала про те, которые состоят из семейства файлов, потом вариативные, состоящие из одного файла. У Roboto как раз есть вариативный вариант Roboto Flex.

Мне нужно сделать слайдер для страницы, с помощью чего можно его сделать?

swiper

Как работает FontFace?

зачем тогда нужен отдельный отдельный FontFace блок если и без него все работает?

А возьмите какой-нибудь шрифт поинтереснее.

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

font-weight: 100 900;

Для разной жирности нужно подключать разные файлы шрифтов. Иначе текст будет выглядеть одинаково.

Как называть общие классы для UI элементов, если CSS сайта написан по методологии BEM?

button="someblock__btn ui-btn--dark"

А потом таскать этот .ui-btn-dark по разным секциям.

Первый вариант нет, второй да. Блок и блок.

Если не учитывать проблемы слова dark.

Правда не очень понятно зачем там приставка ui
Я бы предложила вариант btn btn--accent

Какой подойдет слайдер для кругового меню?

tgarl, готовый есть на сайте-образце.
Готовый в виде плагина - сомневаюсь.

Какой подойдет слайдер для кругового меню?

Да хоть самый распространенный swiper.
Разумеется, располагать элементы по нужной траектории вам придется самостоятельно. Или с помощью фриланса.

Как создать такой блок в WORDPRESS?

Только абсолют для этого не нужно делать. Иначе при переполнении всё поедет.

Как повторить такую анимацию?

https://codepen.io/derwinsadiwa/pen/xxPdzpZ
https://codepen.io/digelim/pen/ZEMwggj
Как можно сделать такой живой дым на сайте css и js?
https://danni-three.blogspot.com/2013/09/threejs-p...
https://imapo.ru/эффект-дыма-на-фоне-при-помощи-sv...
https://code.tutsplus.com/how-to-write-a-smoke-sha...
думаю, достаточно, чтобы понять куда гуглить дальше

Как сделать так, чтобы теги "a" не залазили друг на друга при разном уменьшении экрана?

Aragorn, и фраза "изучать флексы" не очень тянет на ответ. Скорее на посыл в гугл.

Как сделать так, чтобы теги "a" не залазили друг на друга при разном уменьшении экрана?

Aragorn, боюсь, что начала это делать заметно ДО вашей регистрации тут, если это единственный аккаунт.

Аналогичные вопросы возникали по тегам "Тостер" и "Хабр Q&A", объясняла там причины. Наверное, при желании можно найти.

Как правильно конвертировать картинки в Webp?

Ark111,
1. Заменять на webp можно только в том случае, если целевая аудитория использует современные браузеры.
Посмотреть поддержку можно тут https://caniuse.com/?search=webp

2. Если п1 использовать не выходит, то менять нужно на теги picture и source. Так старые браузеры получат jpg/png, а современные webp.
Для указанных тегов имеет смысл добавить display: contents, чтобы нигде не сломалась верстка.

3. Если есть возможность не забыть о ретине, то вообще супер.

p.s. какой-то легкий бред написан во втором пункте на скрине.