nvdfxx

https://codepen.io/nvdfxx/pen/KKKjMXZ

Чем scale не угодил?

Если попробовать прочитать документацию по БЭМу, то станет понятно, что можно юзать любые символы разделения для задания классов, хоть -_-, лишь бы понятно было, где элемент, а где модификатор

https://storybook.js.org/docs/guides/guide-vue/

Parcel

ссылку на фиддл дайте, пожалуйста, никто не будет в этом полотне выискивать ошибки/решения

У вас в каком скрипте window.load прописано?

Можно флексами

<div class="wrapper">
    <div class="content"></div>
    <div class="spacer"></div> <!-- пустой div -->
    <div class="spacer"></div> <!-- пустой div -->
    <div class="content"></div>
    <div class="content"></div>
    <div class="spacer"></div> <!-- пустой div -->
</div>

.wrapper {
    display: flex;
    flex-wrap: wrap;
}

.wrapper>div {
    width: 50%
}

для мобилок просто .spacer {display: none} а .wrapper {flex-direction: column}, ну и ширина в 100%

скорее всего, у бутстрапа прописано overflow-x: hidden

body {
    overflow: hidden
}

.row-tiles {
    overflow: auto
}