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

grabonovich,

каким образом медиа по ширине может влиять на сенсорные и НЕ влиять на остальные устройства?

У вас разве media попросили?

И бывают глюки и у браузера. Тогда надо закрыть и открыть обратно режим адаптивности или всю консоль.

Как сделать такое через grid?

Станислав Пономарев, это хорошо.
В сочетании со ссылкой Рустама вы сможете творить чудеса ))

Как сделать такое через grid?

Станислав Пономарев, поможет https://cssgridgarden.com/#ru

Как увеличить и затемнить картинку в card при наведении?

evomed, я имела в виду ::before или ::after
Затем, чтобы наложить его поверх картинки.

Как увеличить и затемнить картинку в card при наведении?

evomed,

Если будет внутри тогда вообще не появится

С чего бы это и куда оно денется? ))
https://jsfiddle.net/pzvj37s9/

Как увеличить и затемнить картинку в card при наведении?

evomed, сдвигайте наверх установив точку относительно которой будет трансформация через transform-origin. Или меняйте высоту родителя и overflow или object-fit.

Также в моем примере, в верхнем углу на карточке появляется иконка при наведении мыши (скрыта стилем hidden). Так вот если мышкой навести на иконку то эффект transform: scale пропадает.

Естественно, у вас ссылка не внутри блока на который повешено наведение. Будет внутри, не будет пропадать.

Что касается затемнения.
Сделал

У меня было слово псевдоэлемент.

Блок в элементе это правильно?

Конечно можно.
Чаще всего при этом получаются миксы.

Как лучше всего реализовать слайдер как в примере?

Открываете поисковик, набираете "слайдер|карусель на js".
Переходите в поиск по картинкам.
Выбираете любой.

Как сделать такой блок в CSS GRID, где размеры строк меняются?

Зачем это делать гридами, когда есть css columns?

Как во float поправить обтекание?

Разве что считать на js

Как посадить вёрстку на Wordpress?

https://wp-kama.ru/
и неужели гугл не выдал это первой же ссылкой по вашему запросу?

Как отменить overflow для внешнего дива и вернуть для внутреннего?

Варлам Ерофеич, в общих чертах я написала об этом в первом сообщении.

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

Как отменить overflow для внешнего дива и вернуть для внутреннего?

Варлам Ерофеич, поскольку overflow не наследуется => отменять нечего => остается не так много вариантов, чего мог бы хотеть автор ;)

Как работает остаток от деления в Js?

Только не удаляйте этот вопрос, на него можно будет давать ссылку в вопросах про "стоит ли доучиваться в школе чтобы стать сеньором?".

Как отменить overflow для внешнего дива и вернуть для внутреннего?

Речь же не об этом. Так маленькому можно вообще не задавать overflow )))
А о том, чтобы выпавший текст из маленького не обрезался большим блоком.

Как изменить стили SVG графики?

Just__Den, зависит от того, сколько этих картинок. Ради 1,5 штук открывать AI или делать экспорт в фигмы/цеплины нет смысла, если человек не использует их для верстки.

Как изменить стили SVG графики?

Алексей Рожок, если в фотошопе это действительно вектор, то двойной клик по слою откроет SVG в той программе, которая у вас по умолчанию открывает SVG.
Мне нравится, когда это браузер.
Остается сохранить.

Как сделать неровные границы между секциями?

S_Tigrov,

А то макета нет, только картинка, и не понятно как и что делать)

Предоплату попросите побольше. Если у заказчика нет исходника, велик шанс, что дизайнера уже кинули.

эти svg добавлять псевдоэлементами?

Как вам удобнее

Как сделать неровные границы между секциями?

Antonio Solo, pointer-events: none; для псевдо с рваным краем

Как сделать 100vh в портретную и 100% в landscape и чтоб не пересекались размеры телефонов и ПК?

но у заказчика телефон огромный с fullhd и в landscape положение

Сначала пусть откроет вот это и выяснит реальный размер вьюпорта https://www.esolutions.se/en-GB/test

И еще есть единицы измерения vmin и vmax.