Нормальная ли практика писать 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

Как делается такая форма редактирования текста? С помощью тега html или в ручную?

Ваш вопрос расплывчат.
Сверстать именно такую?
Сделать, чтобы заработала?

Обычно пользуются готовыми решениями типа https://ckeditor.com/

Как при верстке многостраничных сайтов адекватнее групировать страницы?

ramanovsky, я пишу комментарии в коде, какой класс за что отвечает для модификации.
Если изменения существенные, то делаю вторую версию страницы.

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

Как прижать div к низу?

Вы уверены, что там есть к низу или к верху? Обведите рамочками div и ссылку.

За вертикальное выравнивание в данном случае отвечает align-items.

Но я почему-то думаю, что это div нужно прижать к низу родителя.
Этому product-card задайте флекс колонками.
Этому <div class="d-grid gap-2 mt-2"> задайте margin-top: auto

Теперь перепишите это на бутстрап.