Почему rowspan схлопывает строки?

maksimwork1980,

Да ну к чёрту, зачем мне табличная вёрстка, я ей никогда не пользовался, зачем на неё подсел.

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

Почему rowspan схлопывает строки?

maksimwork1980, осталось найти 5 строк и правильно объединить ясейки.

Почему rowspan схлопывает строки?

maksimwork1980,

Я добавил вторую строчку в самый конец:

Это ничего вам не даст.
Хотите, чтобы строка была в 2 раза выше остальных, задайте ей высоту в 2 раза больше остальных.

По моей затеи в первой строчке занимают как 5 ячеек 2 ячейки - по 3 и по 2.

Ваше затея прекрасна.
Но результат вы получите всё равно такой же как если бы их было 3, только лишнего кода понапишете.

Ещё раз: считайте количество по бордерам.
На картинке: 3 столбца и 5 строк.
Именно столько их должно быть и в разметке.

Почему rowspan схлопывает строки?

Посмотрите на эту строку.
Вы объединили 5(!) столбцов. Откуда там 5, если их всего 3?
И потом rowspan 2 = объединение со следующей строкой, которой нет вовсе.

Не нужно путать таблицу экселя с таблицей в HTML.
Смотрите только на рамки.

Как правильно копировать SVG из Figma?

PochemuIKak, preserveAspectRatio="none" для SVG, чтобы оно смогло менять пропорции. Иначе вам будет мешать высота.
И я не вижу у вас ширины в %, вижу фикс в px.

На чем верстают адаптивные современные сайты и приложения?

Raul Abdullin, https://htmlacademy.ru/blog/boost/tutorial/flexbox...

Как сделать одинаковую высоту блоков, если блоки расположенный внутри блока и расположены вертикально?

Сергей Зверев, вероятно, потому что вычисляете её до того, как всё загрузилось. А нужно дождаться загрузки.

Как сделать одинаковую высоту блоков, если блоки расположенный внутри блока и расположены вертикально?

Сергей Зверев, я не смогла расшифровать эту фразу

при загрузке не верно верно выводить размер, только при первой загрузки страницы и сброса кеша

Почему не подставляет класс при toggleClass?

Что именно тут не работает?
https://jsfiddle.net/3mrnjke7/

Как выровнять текст ссылки по центру?

1. Ваш кругляшок - это не div. Это украшение и его вообще не должно быть в разметке. Обычный псевдоэлемент.
2. strong имеет семантическую нагрузку = важный текст. В данном случае это скорее span с жирностью в стилях.
3.

Почемуто отступы появляются только по бокам

Потому что span по умолчанию инлайновый. Задайте фон, посмотрите, как работают для них padding.
4. Зачем 3 обертки для одной ссылки? (div, a и span)
Судя по макету, одной a вполне достаточно.
5. Абсолюты тут не нужны.
Используйте флексы или гриды.

Как исправить ошибку "Undefined mixin"?

mlt_melt, где у вас прописан этот миксин? Где находится тот файл, в котором он прописан?
И где лежит файл, в который импортируются все scss? И есть ли он вообще в природе?

Как адаптировать grid-секцию под разрешение 4К?

Это же надо такую кашу нагородить.
Да ещё и паддинги без box-sizing: border-box при ширине в 100%.
Тут что угодно уедет.

Сделайте грид на всю ширину окна.
Левая пустая 1fr, потом ширина формы, дальше остаток контентной области минус ширина формы и последняя правая тоже 1fr.
Карту растяните на 2 правых.

Как сделать одинаковую высоту блоков, если блоки расположенный внутри блока и расположены вертикально?

На js выясняете наибольшую высоту у блоков 1. Задаете её всем.
Удобно управлять через кастомные свойства.

Почему слайдер наезжает на header?

Почему слайдер наезжает на header?

Куда вы его прибили абсолютом, он там и показывается.
Нужно определиться где он должен быть и зачем там вообще абсолют.

Почему Slick-slider не работает?

slick устарел уже слегка, может, swiper.js?

А так, у вас просто нет файла, там, где браузер его ищет.

Как правильно копировать SVG из Figma?

Сделайте песочницу на jsfiddle.net или аналоге.
Иначе плохо видно, что там неадаптивно.

Как правильно комбинировать ретину, webp и max-width / min-width в теге picture?

Правильно ли я делаю?

Нет.
Вы смешали в один source webp и png и забыли media для webp.

<picture>
  <source type="image/webp" media="(min-width: 940px)" srcset="img/[e-mail], img/[e-mail] 2x">
  <source type="image/webp" media="(min-width: 620px)" srcset="img/[e-mail], img/[e-mail] 2x">
  <source type="image/webp" srcset="img/[e-mail], img/[e-mail] 2x">
  <source media="(min-width: 940px)" srcset="img/[e-mail], img/[e-mail] 2x">
  <source media="(min-width: 620px)" srcset="img/[e-mail], img/[e-mail] 2x">
  <img class="photo-card__img photo-card__img--main" src="img/[e-mail]" srcset="img/[e-mail] 2x" alt="фото">
</picture>

Как правильно подключать фавиконки?

pchela95, так почитайте что это и зачем он нужен.

Как правильно подключать фавиконки?

Я ш вам 4 часа назад давала ссылку на генератор.
https://realfavicongenerator.net/
Не помогает?

Как скруглить иконку формата .ico?

Открыть любой редактор, умеющий работать с .ico и скруглить.
https://realfavicongenerator.net/