Блок выходит за границы экрана. Бутсрап?

Question

[Андрей Филимонов]

Верстаю страницу из блоков Бутсрапа, из-за одного блока страница в мобильном виде стала ездить влево-вправо, как поправить, чтобы не ездила?

Код-виновник:

<div class="container p-0">
  <div class="row justify-content-lg-center">
  
    <div class="col col-lg-6 p-0">
	<a data-toggle="modal" href="#portfolioModal" >
  <div class="row shadow" style="border-radius:10px; border-width:2px; margin:0 1% 0 1%;">
<div class="col-6 p-0 text-center justify-content-center" style="display:flex">
            <img class="card-img" src="https://online.gymbalance.ru/img/gimnastika-onlajn/onlajn-zanyatiya-dlya-detej.jpg" alt="Видео уроки по художественной гимнастике">

           </div>
   <div class="col-6 text-center justify-content-center" style="display:flex">
     <p class="d-flex align-items-center mb-0"><strong>Художественная гимнастика в группе онлайн</strong></p>
           </div>
			  </div>
			</a>	  
	</div>

</div>	
</div>

Answer 1

[iBird Rose]

ну раз ты для container p-0 сделал - тогда и отрицательные margin у row убери

Comments

[Андрей Филимонов]

а где у меня отрицательный margin у row?

[iBird Rose]

Андрей Филимонов, наведи да посмотри.
в общем задай для <div class="row justify-content-lg-center"> класс m-0

[Андрей Филимонов]

iBird Rose, вот это не помогло, помогло убрать у container p-0