Как отцентрировать блок без пустого дива??

maketosLikes,

вмысле меняете?

В прямом.
div стираете, вместо него используете псевдоэлемент.

Почему не отображается страница с svg в браузере и как добиться отображения?

IvanRivan, логично.
Но зачем пишете, что это data:image/png?

Почему не отображается страница с svg в браузере и как добиться отображения?

Rsa97, Brasileiro, с двоеточиями это какая-то новая беда в Фигме. Не знаете, случайно, как ей сказать, чтобы перестала так делать?

Как отцентрировать блок без пустого дива??

Как отцентрировать блок без пустого дива??

Т.е. с пустым div можете?

После этого меняете пустой div на псевдоэлемент.
Всё.

Либо делаете это не флексами.

Как сделать такие отступы в таблице?

ArmyDone, https://jsfiddle.net/bm2z8ucv/

Как сделать такие отступы в таблице?

ArmyDone,
тогда тенями, еще проще будет
https://jsfiddle.net/e0ka18jc/

Как сделать такие отступы в таблице?

ArmyDone, для визуальных отступов используйте padding и outline вместо border для нужных ячеек.

Для тонких полосок не separate, а collapse.
Либо псевдоэлементами для tr.

p.s.
Не пишите такие дикие селекторы .test table tbody tr td:nth-child(2n+4)
Очень сомнительно, что у вас на сайте есть td не вложенные в tr и table.
Если не получается обойтись двойной (в редких случаях тройной) вложенностью, добавляйте классы.

В вашем случае достаточно .test td:nth-child(2n+4)

Как адаптировать шрифт?

olya095, вы пишете font-size: clamp(16px, 14.375em, 230px);
Так у вас шрифт всегда будет 230px.
Ведь 1em у вас всегда 16.
16х14.375 всегда равно 230.

Вот если вы будете как-то менять родительский шрифт, тогда сработает.
Но вообще, логичнее c vw
https://jsfiddle.net/hb2edjgx/

Как адаптировать шрифт?

возможно, как то еще можно задать?

- Можно использовать единицы vw
- Можно использовать функцию clamp (или min, max)
- Можно использовать плагин типа fittext

Можно погуглить "адаптивный шрифт", вместо того, чтобы ставить вопросу метку "сложный".

Как сделать такие отступы в таблице?

ArmyDone,

outline: 5px solid цвет;
  outline-offset: -5px;

Как сделать такие отступы в таблице?

Не могу сказать, что понятно о чем вообще речь по этому скрину.
Опишите всю задачу, сделайте нормальный скрин и приложите ссылку на песочницу на jsfiddle.net (или аналоге) с кодом и вашими попытками.

Почему не отображается страница с svg в браузере и как добиться отображения?

Читал что нужно в коде самого svg файла поместить запись xlink:href="data:image/png;

Ну и зачем вы тогда её вообще в SVG сохранили?

А для всего остального, делайте песочницу на jsfiddle.net или ссылку на сайт, где видно и саму svg и проблему.

Как растянуть по высоте div так чтобы он соответствовал динамической высоте фона?

Блок ничего не знает про свой фон.

Пока еще всюду не работает aspect-ratio, приходится пользоваться хаком с паддингом дочернего элемента.
https://jsfiddle.net/Ankhena/cLhxv7eq/

Как реализовать данную сетку с помощью grid/flex?

Это же гриды, зачем пустые ячейки?

Как реализовать данную сетку с помощью grid/flex?

Делаете гридами сетку.
Первому блоку говорите grid-column-start и указываете ту линию, с которой он должен начаться.
https://jsfiddle.net/mjzrefwu/

Как верстать подобные SVG-фоны?

Тут у каждой секции свой фон, даже если он немножко заходит на другую.
Можно делать это с помощью padding и отрицательных margin.
Либо сдвинутыми псевдоэлементами.

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

Так скройте стилями тот который не нужен при загрузке.

Если нужно запоминать который это был, то https://learn.javascript.ru/localstorage

Photoshop не видите шрифты в макете, как решить вопрос?

Названия не совпадают.

Как написать медиазапрос с @container в koala?

wadowad, ага, я и говорю, Gulp

Как написать медиазапрос с @container в koala?

wadowad, а по-вашему, валиден?))