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

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

Как высчитать высоту от некой точки до низа экрана?

Nik Faraday, как-то это перебор :)
Вопрос и так имеет смысл удалить за "легко гуглится".
Так что можете сделать это самостоятельно.

Как высчитать высоту от некой точки до низа экрана?

Nik Faraday,
можно
google -> "jQuery как узнать высоту блока"
лучше, конечно, "javascript как узнать высоту блока"

Как сверстать элемент такой формы?

Самое простое: по старинке с помощью 3 bg image (в svg). Ну или двух и градиента. Это если эта штука симметрична и справа аналогично.

Или вообще одной, если размеры точно не меняются. (Я бы не рисковала, потому что не верю в неизменяемость размеров :) )

Как высчитать высоту от некой точки до низа экрана?

Nik Faraday, я написала один из вариантов.

Можете и на jQ посчитать, раз уж используете.

Или calc, если высота шапки известна.

К любому из них (мне кажется) потребуется fix 100vh для мобилок.

Как задать background на header footer и все секции внутри контейнера?

У меня есть header__container, section__container и footer__container.

Удалить все эти элементы.
Обернуть header, section и footer в один контейнер и задать ему фон (и, видимо, центрирование с шириной).

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

Как-то так https://codepen.io/AnnaSummer/pen/MWVBpXX

Как высчитать высоту от некой точки до низа экрана?

Суммарно 100vh
Внутри гридами и overflow вашему контейнеру.

Минимальная высота и ширина сайта как сделать?

ehoboli,

это понятно, ну да я хочу что бы он был именно там, как можно сделать его зафиксированным в том положении . где я хочу

Вы его уже прибили с помощью fixed и он навсегда там и останется.
Вычисленный размер будет зависеть от meta viewport.

Как сделать adapteveValue миксин?

LastT, так clamp и единицы vw вам помогут без миксина.

Минимальная высота и ширина сайта как сделать?

ehoboli, ох, беда

Ну вы подумайте. Какая ширина мобилок? Ваш левый баннер имеет ширину 330.
Как вы видите ситуацию, что он слева, а всё остальное справа?

Как сделать adapteveValue миксин?

Что именно вы делали и что не получилось.?

А так что именно нужно сделать? Как они должны адаптироваться.

Например, clamp работает без всяких миксинов.

Минимальная высота и ширина сайта как сделать?

Вы написали, что ваш вьюпорт нужно считать как 600

<meta name="viewport" content="width=600, initial-scale=1">

И еще написали min-width: 1518px; для body.

Как по-вашему, разместить 1518 точек в 600-ах?
Правильно, ужать все больше чем в 2,5 раза.

Т.е. либо во вьюпорте нужно написать 1518, либо мин ширину 600 (и перестроить что там не влезает).

А еще лучше, всё таки сделать нормальный адаптивный сайт с

<meta name="viewport" content="width=device-width, initial-scale=1">

Это вам в помощь для футера по низу страницы и вообще для размышлений https://codepen.io/AnnaSummer/pen/gOvbEdB

Как динамически изменить отступ?

dhelfy, потому что тогда он считает от body. Или ближайшего не статика.
Хотя бы самые основы позиционирования почитайте.