fil_and
@fil_and
Делаю сайт гимнастики

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

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

Код-виновник:
<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>

5fb54bd11ec0f309541935.png
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега Вёрстка
Пока ты спишь - твой конкурент совершенствуется
ну раз ты для container p-0 сделал - тогда и отрицательные margin у row убери
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы