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

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, а что вы уже сделали?

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

Почему например у группы 0-9 ответ 9916?. Или: почему у группы 10-19 ответ 9930?

Не почему. Просто потому что столько случайных чисел попало в этот интервал.
При следующем запуске ответ будет другой (при действительно случайной выдаче).

Вы получаете случайное число и проверяете в какую группу оно попадает. Прибавляете для её счетчика единичку.

Как сверстать такую "челку" под текстом?

Радиальными градиентами
https://qna.habr.com/q/901873
https://qna.habr.com/q/1011549

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

godsplane, на основе расстояния от верха элемента до точки.

Как подключить модуль с npm?

я бы начала с переименования на латиницу

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

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

Как добавить свойство дочернему элементу каждого второго элемента в списке div'ов?

.catalog__slider-slide:nth-child(2n)  .catalog__slider-info {}

p.s. слово slider очень хочется сократить из названий классов, а slide поменять на item.

Как лучше сверстать такие бордеры?

Blondguy, на скрине паддинги внутри дочерних, соответственно бордерам это не мешает.

И всегда можно заменить бордер на псевдо любого размера.

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

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

Как лучше сверстать такие бордеры?

А если дочерних станет 4? ;)

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

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

Ох..
Даже не знаю, с чего начать..
Пусть так:

1. У вас есть div create-comment__body (сложно сказать зачем он там, но есть). Он флекс.
Дальше вы его дочерним create-comment__item (в данной ситуации они пока тоже лишние (пока нет лейблов), а если будут, то это p, а не div) говорите, что они должны быть 48% от родителя. Пока логика вроде есть.
Но потом вы говорите инпутам, что они должны быть 90% от тех 48%.

Так вот, начать имеет смысл с ответа на вопрос, зачем вы написали про 48%, а потом про 90%.

2. Возвращаемся к 90%. Инпуты 90% от родителя. Но потом вы им задает отступы по 30+30 но уже пикселей.
Вопрос: при каких обстоятельствах 90% + 60px будут помещаться в родителя, а в каких нет.
Т.е. нужно либо использовать calc либо вспомнить о box-sizing border-box, чтобы отступы входили в ширину, а не плюсовались.

p.s.
3. Кнопки удобнее делать тегами button. Инпутами их делали, когда тег button ещё не родился.

4. Для доступности, у каждого поля формы должен быть label, причем желательно связанный со своим полем через id и for, даже если поле вложено в лейбл. Если нет видимой подписи в макете, то лейбл скрывают доступным способом через паттерн visually-hidden (гуглится).

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

Возможно, вам повезет: вы сделаете отступ чтобы псевдо попал на середину первой строки (удобно через calc, em с учетом размера шрифта и line-height), то будет хорошо смотреться и при нескольких строках.
А если не повезет, то на js выяснять сколько строк и в зависимости от этого задавать разные классы-модификаторы.

Как лучше сверстать такие бордеры?

Vladislav, я не предлагала сбрасывать последний элемент. Внимательно прочитайте селектор.

И нет, чище не будет.

Как лучше сверстать такие бордеры?

Vladislav, по какой причине?