Как правильно отобразить сайт на айфоне?

Разгребите кашу из грида и абсолюта, чтобы остался только грид и был нормально использован.
Заодно лишние обертки уберете.

Как бэк граунду ограничить ширину с одной стороны?

starkingdom, берете псевдоэлемент, располагаете его гридами или абсолютом как вам нужно, закрашиваете.

Как бэк граунду ограничить ширину с одной стороны?

использовать псевдоэлемент

Слёт стилей, Нет подключения к интернету?

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

Как поменять текст в другом div по клику?

Вот ваш код и он работает https://codepen.io/AnnaSummer/pen/ExeygOY

1. Интерактивные элементы это кнопки и ссылки, но не div. Используйте button.
2. Отступы делаются с помощью margin и padding, а не кучи br.

Как убрать "дрожь" input при увеличении ширины?

Евгений Мельников, остается делать песочницу на codepen.io, чтобы мы могли увидеть вашу проблему.

Как убрать "дрожь" input при увеличении ширины?

А зачем вы анимируете все свойства вместо только ширины?

Как сделать отступ для scrollbar?

repcolding,

По высоте если захотите поменять отступы, не забывайте что нужно плюсовать padding-top с wrapper + wrapper__content. А то от дизайна отличия будут

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

Как сделать слайдеры как на варианте?

https://swiperjs.com/demos

Как прижать футер к низу экрана?

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

Зачем рекомендовать весь этот бардак, при наличии флексов и гридов?

Как прижать футер к низу экрана?

У вас написано grid-template-rows: 1fr max-content;
А теперь посмотрите что у вас там с дочерними элементами в body и кто на самом деле должен растянуться на всё оставшееся место.
И высоту body задайте как min-height: 100vh для простоты.

И флоаты для сеток никто давно не использует

Как прижать футер к низу экрана?

Алексей, какой еще абсолют для футера в 2023 году при наличии флексов и гридов?

Как реализовать такую масштабируемость?

Андрей Мартынкевич, чего их искать-то? Два числа поделить?

Как реализовать такую масштабируемость?

Андрей Мартынкевич, зачем вам калькулятор?
Используйте препроцессор и простецкий миксин типа (scss)

@function vw($size) {
  @return #{(math.div($size, $layout-width)*100)}vw;
}

где $layout-width это ширина макета с которого вы берете размеры.

Либо поинтереснее, на выходе получается clamp

@function clampvw($min, $max) {
  @return clamp(#{$min}px,  #{(math.div($max, $layout-width)*100)}vw, #{$max}px);
}

Какой код для адаптивности сетки (Grid layout) Css для мобильной версий?

alashgrand, давайте разобьем задачу на поменьше: вы можете поставить 6 блоков в ряд?
А 4 в ряд? А 3?
Теперь всё это раскладываем по @mediaи получаем готовый результат.

Как сделать плавное перемещение ползунка HTML CSS?

Evgenii, хорошо, не менять шкалу, только шаг и округлять.

Каким способом можно отрисовать вот такую фигуру в css?

ssawyer, можно:
1. Пересчитать размер через vw.
2. Заменить на градиенты
3. clip-path
4. Просто bg svg и preserveAspectRatio none

Как сделать плавное перемещение ползунка HTML CSS?

Поменять step на 1, соответственно изменить шкалу и шаг обрабатывать самостоятельно.

Как изменить путь файла через JS или PHP (для натяжки на WordPress)?

В моём случае есть slick слайдер который использует стрелки в виде картинок.

Пусть он использует кнопки.
А их украшение (ваши картинки) будут в css.

Как сверстать картинки в данной странице?

Подскажите, пожалуйста как лучше сверстать картинки? Не знаю, звезду сделать через background + текст или же одной картинкой?

50 копеек это цена или украшение? (Это ответ)

Тоже самое и блок с цифрой + картинка + заливка. Как их лучше сделать? Цифру через псевдоэлемент

Если номера важны, то это ol со скрытыми родными номерами и счетчиком в псевдоэлементах.

, а картинку с заливкой одним блоком?

Зависит от того, как вы собрались адаптировать этот блок.

p.s. где вы откопали такой дизайн прошлого века?
Заливку можно сделать градиентом.
Картинку фоном или псевдо, как хотите. Но не img. Либо img, но с aria-hidden.