Как убрать доп классы в разметке (грид контейнер)?

maketosLikes, так и где правило для случая, если последний четвертый?

Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Антон Вебсайтовский, да я вроде в первом посте написала, что абсолют нужно оставить только одной картинке...
Ну дошло и славно.

Кривенько, конечно, немножко, но тут дело не в картинках..


Кстати, следующей темой подумайте, что будет, если картинки будут разных пропорций у разных товаров.

Почему баг с двухсторонней карточкой при включении отзывчивого устройства?

на мобилке не тестил еще, так как локально лежит пока что

Так потестите. Благо и галп и вебпак умеют 0.0.0.0
А вот когда не получится, делайте либо песочницу, в которой можно пощупать проблему либо ссылку на опубликованную страницу (на ней можно оставить только проблему)

Как убрать доп классы в разметке (грид контейнер)?

fedorovbox, так и прописываете все ситуации

.item:nth-child(6n - 3):last-child {
grid-column: span 6;
}

и т.д.

Ну или как вы хотите их располагать, такие правила и задавайте.

Как поставить знак после цены в Ion.RangeSlider?

Lero62, оберните инпут в спан или подложите вниз. Отслеживайте на js где заканчиваются цифры, делайте спану нужный отступ/сдвиг или меняйте ширину инпута

Как убрать доп классы в разметке (грид контейнер)?

fedorovbox, нормально

Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Антон Вебсайтовский, Антон, кастомные свойства CSS, некоторые называют их переменными в CSS.
https://www.google.ru/search?q=кастомные+свойства+CSS

Как убрать доп классы в разметке (грид контейнер)?

fedorovbox,

Но проблема в том, что доп классы не могу убрать

Перепишите на nth-child, если сетка от порядка зависит

Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Антон Вебсайтовский, почему нельзя задать абсолют только одной фотке, а?

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

ДА! Именно поэтому, через кастомные свойства.

Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Антон Вебсайтовский, значит это

- Оставить абсолют только одной фотке

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

Как сделать такие колонки, при помощи FLEX?

И кто же вам сказал, что это нужно делать при помощи флекса, а?
https://webref.ru/css/columns

Детям inline-block, чтобы целиком переносились, если это нужно

Как поставить знак после цены в Ion.RangeSlider?

https://qna.habr.com/q/318536

Как делать текст на баннере в одну строку но максимального размера (кегля)?

Нужно придумать как делать текст на баннере в одну строку но максимального размера (кегля).

Вариант взять готовое решение не вариант? :)
Гуглите fitText

Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Можно:
- Заменить абсолюты на гриды.
- Оставить абсолют только одной фотке

Как убрать доп классы в разметке (грид контейнер)?

Баловаться с этим https://css-live.ru/articles/resheno-s-pomoshhyu-c...
Либо выяснять на JS и задавать нужный span последнему элементу.

Либо заменить на грид и последнему элементу задавать flex-grow: 1

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, вы JS и JQ совсем-совсем никак?

Используйте querySelectorAllи цикл, если на JS. На JQ $(селектор)

Как сделать, чтобы пункты меню не прилипали при space-beetween?

maketosLikes, в хроме он как раз работает уже очень давно https://caniuse.com/?search=column-gap

Как сделать, чтобы пункты меню не прилипали при space-beetween?

Задать отступ?
Или column-gap, если устраивает поддержка.

Как сделать, чтобы кнопка всегда была на одном уровне?

ForSureN1,

На самом деле, если элемента всего 2, то уместно использование space-between, из чего будет тот же самый эффект

Да, но не тот, который нужен автору вопроса.

лаконичнее будет

Если дизайнеру приспичило центрировать картинки по вертикали, но наша с вами лаконичность ему не указ.

Как сделать, чтобы кнопка всегда была на одном уровне?

Если вы всё же откроете песочницу от автора, то во-первых, увидите, что именно это там и написано, а также убедитесь, что нет, не всегда.