Currently working with Bootstrap4.
In a row with 2 col-md-6 (totaling 12 columns for the row).
However, experiencing an unwanted margin on the left column as shown in the image below.
How can I remove it?
https://i.sstatic.net/u5oix.png
html:
<header class="my_header_bg_color">
<br>
<br>
<div class="row margin_right_zero">
<div class="col-md-6">
<div class="my_custom_banner_left">
<p class="my_title_banner">Stickers<br>personalizados</p>
<p>Fáciles de ordenar por internet, diseño de conceptos gratis, envíos rápidos </p>
<div class="row">
<div class="col-md-6">
<a href="stickers" class="btn btn-azul text-white btn-block">Comprar</a>
</div>
<div class="col-md-6">
<a href="{% url 'shop:SamplePackPage' %}" class="btn btn-naranja text-white btn-block">Muestras
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 ml-auto">
<img src="{% static 'img/banner-home2.png' %}">
</div>
</div>
</header>
Update 1:
Seems to extend all the way down to the footer.