Как сделать такую галерею при помощи css?

mark1505, если не листаются большие фотки, то это обычные табы (с точки зрения js) .

Как разместить анимированное svg в background?

Прейс Дмитрий, остается только вариант позвать дизайнера, чтобы перерисовал.
Либо портить пропорции svg.

Как разместить анимированное svg в background?

Я не поняла, почему нельзя разместить анимированную SVG на фон.

Как сделать такую галерею при помощи css?

mark1505, на последнем скрине точно слайдер, там превью и большая фотка.

Покажите, как это должно выглядеть, если их 50.

Но не важно. Как вы на css планировали сортировать фото по размеру? Они и на js в ровную сетку без дыр могут не встать.
Смотрите в сторону Masonry или Isotope - они могут сделать красиво.
У гридов есть dense (это с меньшим количеством дыр и не сортировано)
Если сначала отсортировать, то потом можно и флексами (выглядеть будет страшно)

Как реализовать горизонтальный скролл в блоке с position: fixed?

It, да и не нужно говорить о чистом css. Я понимаю, что вам хотелось бы, но нет.

Как реализовать горизонтальный скролл в блоке с position: fixed?

fixed тут вообще не при чем.

И вам сюда https://yandex.ru/search/?clid=9582&text=горизонта...

Как сделать такую галерею при помощи css?

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

Как сделать такую галерею при помощи css?

Так вот, разумно - это не страдать ерундой и сделать её на JS.

Например, взяв swiper.js

Какой ширины должен быть дизайн в фигме?

Denis9999, вот у вас в макете инпут 450px на 1600.
На 1920, при пропорциональном увеличении он будет 540px.
Это чтоль слишком большой?

Как задать ширину в % от родителя, если элемент фиксированный?

aquapendente, прочитайте, пожалуйста, внимательно, что я написала выше.

Еще раз: fixed нужно заменить на absolute.
И задать position отличный от static тому родителю, относительно которого позиционировать и считать.

Как создать приложение на JavaScript с расписанием школьных уроков на 7 дней?

Алан Гибизов, думаете будет больше лайков? )))

Как задать ширину в % от родителя, если элемент фиксированный?

Потому что fixed считает от вьюпорта.
Если нужно считать от ближайшего не static, то нужно изменить на absolute. И задать тому от кого позиционировать, например, relative или любой другой подходящий не static.

Как создать приложение на JavaScript с расписанием школьных уроков на 7 дней?

По-хорошему, тут самое время нажать на кнопочку, что вопрос нужно конкретизировать.
Но, поскольку, вы тут новичок, то вот так:

Разбейте задачу на этапы. Чем мельче, тем лучше. Отметьте те, которые можете решить (с помощью гугла, этого сервиса и т.д.). Те, которые совсем не можете - делегируйте.

Это получается Понедельник это одна страница, а Вторник другая или как?

Тут, наверное, нужно посмотреть как это сделано у других, благо таких приложений полно. И решить как оно должно быть у вас. Мы-то точно не знаем :)

Дальше потихоньку решайте эти мелкие задачки.

p.s. глядишь, пока это сделаете, всё и пройдёт и найдете приложение себе по вкусу.

Какой ширины должен быть дизайн в фигме?

ширина контейнера на сайте, блока содержащего весь контент будет 1170px, а дизайн нарисован исходя из 1600px. То есть по итогу размеры инпутов, все отступы и даже размеры шрифтов будут другие, размеры всего кароче...

Какие другие? С чего другие?
На 1600 всё должно выглядеть как на макете.

Как всё должно изменяться при другой ширине вьюпорта можно прочитать в ТЗ либо придумать самостоятельно.
Изменять пропорционально или так и оставить фикс ширину, а растягивать только фоны. Тут я имею в виду десктопные размеры.
К мобилкам перестраивайте блоки. Точнее, наоборот, хорошо бы чтобы в итоге получилась mobile first верстка.

Как при валидации радиокнопок добавлять а затем удалять класс у всех на странице?

querySelector выбирает только первый элемент.
querySelectorAll выбирает все элементы, которые потом нужно перебирать в цикле.

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

Kardamon_mchl,

button.addEventListener('click', function () {
		let inputCheckedRadio = document.querySelector('input[name="payment"]:checked');
		if (!inputCheckedRadio) {
			console.log('not checked');
			return false;
		}
});

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

Kardamon_mchl, при нажатии на кнопку, проверяете на наличие этого

document.querySelector('input[name="your-group-name"]:checked')

Почему из-за наличия элементов в блоке, эти самые блоки сьезжают?

Потому что вы используете inline-block и не указываете нужный вам vertical-align. По умолчанию он base-line.
Вот по этой базовой линии всё и выстроилось.

Рекомендация: перейти на гриды и флексы.

И внимательно следите за отступами, правильно задавая нужным элементам padding и margin.

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

inputCheckedRadio = document.querySelector('input[name="your-group-name"]:checked');

и
if (!inputCheckedRadio)

Как сделать список в списке?

Алексей,
По моей ссылке выше есть вообще готовый пример аналогичный вашей задаче.
Остается только изменить селекторы на ваши классы.

в чем моя проблема ?

В том, что вы потеряли половину кода из того примера.

Как сделать список в списке?

Вложить список в список и использоваться свойства css counter-reset и counter-increment
https://webref.ru/css/counter-reset