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, тени

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

accountnujen, 100vmax решит эту задачу.

Как перевести letter-spacing в процентах из Figma в px?

Максим Морев, решает. Но это же дебильный селектор :(

Как перевести letter-spacing в процентах из Figma в px?

У вас, полагаю, проблемы со вторым - ибо одинаковый размер шрифта сложно не заметить.

Попробуйте сделать дочерний элемент с другим размером шрифта. Он унаследует letter-spacing, но в px (тот размер в px, который получился для родителя после перевода из em). Т.е. получится одинаковым в px для разных размеров шрифта.
А пропорциональным он будет, если снова дочернему писать тоже самое значение в em.

Как перевести letter-spacing в процентах из Figma в px?

Мне не нравится то, что я пишу, но при такой записи будет для каждого свой, в зависимости от размера шрифта.
Либо повторять для каждого селектора (тоже не фонтан)

* {
letter-spacing: 1.2em;
}

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

Затемнение сделать не div'ом, а тенью к кнопке.

Как мне решить эту задачу про рандомные числа?

viva cristo64, а что вы уже сделали?