Как можно такое сделать?

Вы же третий раз приносите сюда этот вопрос. И в одном их них было решение.
Не нужно каждый раз делать новый аккаунт.

Чем теперь пользоваться, когда Хабр Фриланс закрылся?

Искатель, пока выясняется, что эффективнее ездить в лифте

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

Так поменяйте маску наоборот.
Или просто наложите черную картинку поверх. Тут не ясно зачем вам нужна именно маска.

Как создать таблицу?

но не получилось из за того что строки имеют разный размер

Что именно из-за этого не получилось?
Размер это что? Ширина? Высота?
Уже 15 вопрос, а песочницы с примером нет.

Вообще, таблицы очень удобно делать тегами table. Как бы банально это не звучало.
Второй или дополняющий первый, вариант это grid и subgrid.

Как изменить ширину карусели owl-carousel Битрикс?

cssfish, сначала нужно вспомнить побочки.
Потом всё это сменить на swiper.

Как сделать что-бы действие применялось только в том блоке, где находятся кнопки и изменялось js в зависимости от размера экрана?

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

https://learn.javascript.ru/dom-navigation

Так-же до 768px клик идет по переключателю, после 768px клик идет на заголовки, как сделать что-бы код js переходил в это состояние без перезагрузки страницы?

https://developer.mozilla.org/ru/docs/Web/API/Wind...

Либо на CSS, предварительно использовав нормальные теги.
https://developer.mozilla.org/ru/docs/Web/CSS/poin...

Только зачем заставлять пользователя страдать и попадать обязательно в переключатель?

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

ymfront, так и в примерах градиенты..

Как сделать так, чтобы строки таблицы не растягивались?

Сергей delphinpro, тогда tfoot не прилипнет, если я правильно поняла затею.

Как сделать так, чтобы строки таблицы не растягивались?

Malkolm, написала в ответы ))

Как вам калькулятор новичка?

есть какой то аргумент почему используются классы а не id?

Тогда уж data-

Как сделать так, чтобы строки таблицы не растягивались?

Malkolm, пример чего? Пример работы свойств align-self и т.д.? Ну смешно.

Как сделать так, чтобы строки таблицы не растягивались?

1. Добавить пустую строку с высотой auto, остальным задать фиксированную.
2. Использовать display grid + subgridи соответственно, свойства грида.

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

https://codepen.io/Seasle/pen/XWZJEad
https://codepen.io/gayane-gasparyan/pen/jOmaBQK
И т.д.

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

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

Как проверить правильно ли реализовал прогер на сайте 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 и файлы для каждого веса. Но это более минорный вопрос.

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