Виктор

Растяните result__money на 100%.

flex тут не причем, у родителя result__money (result__input-inner) нет flex.

Примерно так


Для адаптива можно сделать несколько вариантов расположения стрелок и переключать их по media запросу

зачем нужен nth-child, если есть конкретные классы и можно управлять mobile-br, tablet-br, desktop-br и mobile-tablet-br?

media запросы им поставить и все.

UPD
Если все-же нужно:

/* mobile-br */
.about__item:last-child > p br:nth-child(1),
.about__item:last-child > p br:nth-child(3),
.about__item:last-child > p br:nth-child(6),
.about__item:last-child > p br:nth-child(7), {
    display: inline;
}

/* mobile-tablet-br */
.about__item:last-child > p br:nth-child(2), {
    display: inline;
}

/* tablet-br */
.about__item:last-child > p br:nth-child(4), {
    display: inline;
}

/* desktop-br */
.about__item:last-child > p br:nth-child(5), {
    display: inline;
}

пользуйтесь постпроцессором, который все проставит

На мой взгляд, проще и красивее сделать на всю ширину

Но если нужно получить ожидаемое, то вариант - явно разделить строки (например, в инспекторе я нажал shift+enter) и указать для ссылок white-space: pre-line. Соответственно, white-space можно менять в медиа запросе.

<a href="#">Детское игровое и спортивное
оборудование</a>

.goods-cat__labels > a {
    white-space: pre-line;
}

div[id], лучше от родителя .parent div[id]

Во-первых, нужен класс для p вместо <p style="font-size: 16px">

Во-вторых, если

внизу результат, а сверху как должно быть

то очевидно, что картинка справа шире, чем должна быть.

В-третьих,

насколько правильно указать ширину(width) процентом

вполне обычная практика

В-четверых,

часть текста невидно в мобильной версии

@media запросы или значения типа font-size: max(30vw, 30px) в помощь

так?

map / area