Что исправить в коде, чтобы элемент «goods__item» не переносился на следующую строку?
Вариант 1
Оберните div'ы с классом "goods__item" в div с классом, например, "row".<div class="row">
          <div class="goods__item">
              .....
          </div>
          <div class="goods__item">
              .....
          </div>
      </div>
В CSS селектору "row" добавьте свойство "display: flex".Вариант 2
В CSS селектору "goods__item" добавьте свойство  "display: inline-block"
например так .goods__item {
    width: 49%;
    display: inline-block;
}
также можете ознакомится, при ширине 49% эта проблема конечно не возникнет, но в будущем можете столкнуться.