Как сделать такой фон на css?

WebforSelf, за позицию фона отвечает bg position. Двигайте куда душе угодно.

Как сделать такой фон на css?

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

Эм....
Ну так и делать: черный фон и поверх градиенты.
Если в их основе круги или овалы, а не какие-то более затейливые фигуры.

Альтернатива: экспортировать всё это в SVG. Без черного фона.

Как сохранить себе svg анимацию?

Разбирайтесь https://lottiefiles.com/

Нормальная ли практика писать media-запрос к каждому блоку?

Давай попробуем подумать...
Изменился дизайн блока.
Как будет удобнее править стили?
Носится по разным файлам и искать нужные селекторы?
Бегать то наверх файла к стандартным свойствам, то вниз к media?
Или в одном месте, рядышком исправить всё, что нужно?

Как на flex перенести блок под блок меньшего размера?

Анатолий, js

Как на flex перенести блок под блок меньшего размера?

На флексах без доп оберток и указания конкретной высоты для wrap - никак. Да и с высотой будет не так, как вы хотите.

В некотором роде помогут css columns, но какой блок откажется в какой колонке плохо предсказуемо.

Псевдокласс hover?

Павел migelonio,

А когда будет поздно?)

когда выяснится, что вы написали уже много кода и теперь нужно переделывать всё.

я могу добавить HTML файл

Как хотите, это ваш вопрос.

Почему при всевдоклассе :hover, сдвигаются элементы? Как это починить?

Павел migelonio, почитайте про свойство box-sizing

Псевдокласс hover?

Не зная разметку на ваш вопрос невозможно ответить.
Вы можете либо добавить её в вопрос либо самостоятельно почитать про селекторы отсюда htmlbook.ru/css/selector/descendant и далее (меню справа).

И вы зря занимаетесь стилизацией по id. Переходите лучше на классы, пока не поздно.

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

С помощью относительных единиц измерения
Для начала https://jsfiddle.net/Ankhena/z516pbms/

Как решить проблему, что все элементы тянутся по всей странице?

Это не проблема, это нормальное поведение блочных элементов - по ширине занимают всё доступное пространство.

В коде нет ничего, что запретило бы им так делать. Напишете - перестанут.

Как настроить lint что бы он игнорировал минифицированые файлы?

Интереснее вопрос, что min файлы делают в одной папке с рабочими исходниками.
Глядишь, и в документацию лезть не придется.

Как отформатировать svg спрайт?

Если вы придумаете параметр по которому скрипт поймет у каких очищать, а у каких нет, то сообщить ему об этом.

Либо запретить ему модифицировать SVG (разумно на мой взгляд)

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

Антон Вебсайтовский, https://jsfiddle.net/obt1yk09/

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

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

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

Антон Вебсайтовский, да почему rezultall ???? Если нужно вывести 1000 из инпута???

(Меня штормит от слова rezult через z)

Ну и ясное дело не видит, переменные ведь объявлены внутри другой функции до которой дело вообще не доходит!
А должны быть до использования.

У меня разные правила для разных случаев. Как оптимизировать CSS стили, чтобы прописать свойство cursor: pointer один раз?

Картинки иногда удобны (сразу видна подсветка), но к ним точно должна быть песочница и код текстом.

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

Антон Вебсайтовский, это очевидно и да-да, так и делали 10 лет назад.

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

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

Тут нет таблиц.

Но стили можно посмотреть там же, откуда стырили данные

Как настроить простую страницу визуально похожую на главную woocommerce?

Это фон у .ast-separate-container