Как на grid елементи влиять геометрически?

Марджени и падинги не работают.

Не понятно, что у них не работает?
https://jsfiddle.net/ke8ftuv9/1/

Делать сетке єщо ряди как то тупо.

Почему это? Самый простой и разумный вариант.

И где ваша песочница на jsfiddle.net в которой видно, что у вас не работает?

Как в меди запросе указать, что, если ширина больше используя фиксированное значения, а не +1?

@media (min-width: 560.02px)

Но, похоже, вы творите что-то не то.

Посмотрите, например, тут https://bootstrap-4.ru/docs/5.0/layout/breakpoints/

Какими методами можно убрать расширение box из за контента внутри при flex container когда уменьшается экран?

Задать ему flex-grow 0 на нужной ширине?

Как сделать текст с задний фоновым текстом?

Iterss, могу
https://yandex.ru/search/?text=text-stroke&lr=2
Что именно вызывает сложности?

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

Danway, научитесь использовать Github Pages или хостинг.
Выложите свой код туда так, чтобы мы могли увидеть в чем дело.

Лучше Github Pages со ссылками на готовую сборку и на репо. Так виднее, что там у вас.

Как можно сделать такой clip-path на квадрат?

saplas ау, живые есть?

Как сделать скролл на 100vh, вне зависимости от высоты контента?

Miron4ek_228, тогда осталось понять, что высота и прокрутка - это 2 разных блока. Потом немножко JS и вы в дамках.

Но выглядит всё это очень странно. В каких областях при этом должно работать колесико мыши? Как пользователь догадается, что это скролл от малюсенького блока и т.д.
Либо вы рассказали только часть задачи и решаете её не тем путем...

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

Не_скажу Всё_равно_не_скажу, дорисуйте фоном.

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

Не_скажу Всё_равно_не_скажу,

Как правильно оформить вертикальное меню и контент?

Проблема в том что при адаптации на мобильные устройства колонка слева с меню занимает часть экрана.

Значит, при уменьшении экрана эту колонку нужно убирать в бургер либо по другому располагать блоки.

Тут дело в том, что нужно сначала придумать как оно себя должно вести, а потом переформулировать вопрос на какую-то конкретику.

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

Не_скажу Всё_равно_не_скажу, нужно
1. Убрать стандартные маркеры
2. Убрать левые margin
3. Сделать псевдоэлементы и спозиционировать их в нужное место. Флексами, гридами или абсолютами.

Альтернативный вариант: использовать левые паддинги и фон. С помощью линейного градиента нарисовать на фоне прямоугольничек.

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

Псевдоэлементами и/или фонами линейными градиентами для полосок.

Что именно вы пробовали и что не получилось?
Код в песочницу на jsfiddle.net

Как заставить background linear gradient работать с transition?

С помощью @property
https://jsfiddle.net/Ankhena/jpxa6Lh2/

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

Не помню где там ваш предыдущий вопрос и с какого аккаунта.

В body что-нибудь еще есть?
Если нету, так у него нулевая высота.

Это если в консоли нет ошибок по поводу этой картинки.

Как указать псевдоэлементы after?

- Можно менять класс элементу.
- Можно менять значения кастомных свойств элементу, а применять их для псевдоэлемента.

Как можно сложить так элементы?

wakenbyWork, какое?
Вы в своем примере забыли растянуть большие столбики на 2 строки.

Как можно сложить так элементы?

wakenbyWork,

а для 3 колонки margin-top можно задать отрицательный отступ.

Жестоко...
Но дело ваше.

Как сделать так чтобы карта не перекрывала контент когда высота экрана не больше 850px?

Перестать выдирать карту (и родительские блоки) из потока абсолютом.

Как можно сложить так элементы?

wakenbyWork,
я вижу так:

spoiler

И там колонки явно центрированы.
Отступа между колонками нет вообще.

Судя по скрину, который показывает как должно быть, центрировать среднюю колонку не нужно.
А вот отступы между колонками задать имеет смысл.

Возможно вам помогут величины min-content, max-content, функции minmax и т.д.

Как можно сложить так элементы?

Можно это как-то сделать на grid?

Да.
Прочитайте любой справочник по гридам и/или пройдите простенькую игрушку на полчаса https://cssgridgarden.com/#ru
Либо покажите, что у вас не получилось гридами.

То в браузерах с поддержкой contents будет выбран display: contents; а в которых нет будет display: block?

Знаете, какой самый простой и надежный способ это узнать? ;)