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

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, по какой причине?

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

.item:not(:last-child) {правый бордер}

У меня есть кнопка в которой есть hr. При ховере надо одновременно менять цвет кнопки и цвет бордера hr, как сделать?

Сначала нужно выяснить откуда в кнопке взялся тег <hr>
Если по простому, тег <hr> служит для разделения логических разделов на сайте, если они по какой-то причине не сделаны с помощью section, article и т.д.
Внутри кнопки hr никак не может оказаться.

Если вам нужна какая-то полоска внутри кнопки, то используйте стили. Псевдоэлементы или просто фон градиентом, как вам удобнее.

И почитайте про дочерние и контекстные селекторы (ну и дальше тоже)
htmlbook.ru/samcss/kontekstnye-selektory

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

align-items или align-self с желаемым значением

Как сверстать круг с пунктирным бордером и текстом внутри?

Текст написать.
Для пунктира: либо обычный border-radius и dashed либо SVG либо радиальный градиент поверх конического, если устраивает поддержка конического.

Как сделать анимацию градиента на тексте?

Алексей Королёв, ответ гуглится по запросу "анимация градиента".
На сайте примере все элементарно: фон градиентом больше блока и анимация bg position.

Если не получилось, показывайте в песочнице что делали и что не получилось.

Флекс бокс почему центральный элемент имеет странные отступы?

По скрину вообще не видно, что из этого ширина, а что отступы.
Сделайте код с видимой проблемой на codepen.io и позовите.