Промотайте в крайний правый край и с помощью вот этого инструмента ищите элементы которые у вас торчат.
overflow-x: hidden; конечно уберет скролл, но проблемы ваши не решит.
Разберитесь с бутстраповскими классами, посмотрите какие стили у классов .row и .container, а то вы их используете, где попало.
Посмотрите на порядок блоков в бутстрапе и у себя.
.row имеет отрицательный margin слева и справа, поэтому важно, чтобы он был внутри блока с padding, вы же его непонятно с какой целью запихнули прямиком в body
На стеке пишут что это эта проблема пока не решена.
Т.е. flex контейнер не подстраивается по ширине по содержимому при flex-direction: column Сам ответ
Если файлы уже на сервере вам достаточно помнить список путей.
Храните их в любом невидимом инпуте или создавайте инпут под каждый новый файл, как советовали выше.
