Я сверстал мини страничку. Чисто учусь, играюсь так сказать. На ПК версии все работало отлично, когда сзжимал браузер под мобильные версии, тоже работало все отлично. Вот залил на хост, сразу привет траблы ! ПК работает отлично, на мобильных, колонки все уехали к левому краю, уменьшились, а справа добавили пустое место ! Что делать ? Сейчас скину кусок кода, как настраиваю колонки
<!--Создание блока-->
<div class="container-fluid padding">
<!--Размещение блока-->
<div class="row text-center padding">
<!--добавление первого блока-->
<div class="col-xs-12 col-sm-6 col-md-3 wow flip" data-wow-offset="200" data-wow-duration="1.3s">
<i class="fas fa-code anim shadow"></i>
<h3 class = "minsh">HTML5</h3>
<p class = "lead">Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
<!--добавление второго блока-->
<div class="col-xs-12 col-sm-6 col-md-3 wow flip" data-wow-offset="200" data-wow-duration="1.3s">
<i class="fab fa-php"></i>
<h3 class = "minsh">PHP</h3>
<p class = "lead">Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
<!--добавление третьего блока-->
<div class="col-xs-12 col-sm-6 col-md-3 wow flip" data-wow-offset="200" data-wow-duration="1.3s">
<i class="fab fa-css3 anim"></i>
<h3 class = "minsh">СSS3</h3>
<p class = "lead">Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 wow flip" data-wow-offset="200" data-wow-duration="1.3s">
<i class="fab fa-js anim"></i>
<h3 class = "minsh">JavaScript</h3>
<p class = "lead">Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
<hr class="my-4">
</div>
</div>
Ну, а вот собственно сам сайт - buytisait.mcdir.ru