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

Фоном.
Хотите в одну картинку соберите, хотите множественным bg.
Зависит от того, как это должно вести себя при адаптации.

Как добавить класс active к div?

Заменить вот этот ужас

'.top .content .menu li .menu-dropdown .menu-catalog .cards .card'

на 'card_link'.
Дальше всё как было: сравнить урл и ссылку.
Найти родителя с классом card и задать ему класс.

https://learn.javascript.ru/dom-navigation

Как правильней всего сверстать блок с волнообразным нижним обрамлением с несколькими волнами и маленькими шариками на них?

Не очень понятно чем этот вопрос отличается от предыдущего.

Возьмите из макета SVG и задайте его фоном. Не вижу особого смысла разделять эти волны на части в вашем случае.

Можно было бы поступить наоборот: покрасить блок в темно-фио и наложить белую адаптивную волну. Но кругляшки тоже будут растягиваться, если сохранять высоту волны.

Ещё можно просить у дизайнера разные варианты svg для разного размера окон.

Или убирать кругляхи вовсе, при ширине, когда они становятся овалами.

Какой вариант выбрать зависит от наличия дизайнера и его толковости.

Генератор волн:
https://getwaves.io/

Как сделать реально адаптивную волну между блоками...

и т.д.

При верстке сайта пропал скролл, что делать?

Вашего кода недостаточно, чтобы ответить на вопрос.
Сделайте песочницу с видимой проблемой на codepen.io
С большой вероятностью, найдете в чем дело, пока её делаете ;)

Как с помощю flexbox верстать отцентрованный столбец со строками произвольной ширины?

Вывод - современные экспортилки из фигмы работают неплохо, надо только плавино именовать элементы.

Ну да, не ужос полный, а просто отвратительно.

IE не видит файлы стилей CSS. В чем может быть причина?

ivan_, да, это разумно в любом случае. Для других браузеров, возможно, не так критично, как для ИЕ, но всё равно можно получить неадекватное поведение.

IE не видит файлы стилей CSS. В чем может быть причина?

Если что, для вставки кода на этом сервисе есть кнопочка в редакторе, она оборачивает его в теги <code></code>. Или оборачивайте самостоятельно. Тогда не будете мучиться как сейчас.

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

Сергей delphinpro, это было на случай, если иконка маленькая и должна быть по центру одной строки и по верху блока, если строк много.

Как в sass записать цепочку условий?

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

Как зафиксировать текст внизу?

В современном мире это делают гридами или флексами. Гуглится по запросам типа "футер к низу окна на гридах"

Как экран из figma вытянуть в html?

Badarus,

Там ничего зауриадного нет

Фик с ним как оно пишется, но хоть значение в словаре посмотрите.

нарисовать дело одно а вот что-то как то раскрутить вот тут для меня уже темный лес

До раскрутки это нужно по крайней мере сверстать и сотворить какую-то функциональность для этих всего 12ти кнопок и т.д.

По услугам верстальщика узнавал.....слишком дорого за 2 экрана дерут....чуть ли не 700$....а мне нужно для внутреннего использования с минимум затрат.

Вы один раз узнавали?

С другой стороны, если ТЗ сформулировано как комментарии тут, то стоимость становится похожей на адекватную.

Как сверстать с помощью svg картинку что бы ее левая сторона была волнистой?

Kostylev2021, всю проще.
Ну или почитайте про clip-path

Как сверстать с помощью svg картинку что бы ее левая сторона была волнистой?

Kostylev2021, экспортируете из фигмы или в чем у вас там макет. Или просите дизайнера, чтобы дал.

Но вообще, конечно, нужно понимать, как устроен svg, но это в гугл, статей полно. Пересказывать их тут не имеет смысла.

Как сверстать с помощью svg картинку что бы ее левая сторона была волнистой?

но как с помощью svg

Кажется, нужно уточнить вопрос.
Иначе ответ выходит дурацкий: берете SVG и позиционируете куда там нужно.

Почему не работает vertical-align: middle?

Почему-то vertical-align вообще отказывается работать, даже другие свойства, кроме middle. В чем причина?

vertical-align для дочерних элементов флексов работать не будет, потому что они блочные.
И работает это свойство не так, как вы предполагаете.

https://web-standards.ru/articles/vertical-align/

У вас там флекс, значит логично использовать свойства флексов. В вашем случае align-items или align-self.

IE не видит файлы стилей CSS. В чем может быть причина?

Я бы начала с проверки и css и html валидатором.
Потом со сравнения что в начале скомпилированных стилей и если пишете руками. Можно упростить стили до body bg red.

Как сделать элемент активным при загрузке страницы?

В России не работает jsfiddle.

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

В разметке и задайте нужные классы для начального состояния.

При оборачивании дива в ссылку ломается вся структура блока. Что неверно? Как сделать?

danteasy, ну конечно, все сломалось, вы же классы-то не перевесили.

Нужно, чтобы див был ссылкой.

Не нужно. div становится лишней оберткой.

Еще раз: просто поменяйте divна a.

При оборачивании дива в ссылку ломается вся структура блока. Что неверно? Как сделать?

И где код со ссылками?
Желательно на codepen.io и так, чтобы было видно проблему.
Сделаете, позовите.

Ну или просто поменяйте divна a, а не оборачивайте.

Как поднять дочерний элемент над родительским?

accountnujen, тени