I am trying to figure out why there is a horizontal scroll bar on the page. I would like the content to fill the entire screen.
https://i.sstatic.net/Y0ToM.png
<section class="who" data-aos="fade-in">
<img class="bg-img1"src="{{asset('images/wh.png')}}" alt="">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 order-lg-1 order-2" data-aos="fade-right">
</div>
<div class="col-12 col-lg-4 order-lg-2 order-1" data-aos="fade-left">
<h2> WHO AM I? </h2>
<ul>
<li>xxxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxxxxx</li>
<li>xxxxxxxxxxxxxxxxxxxxxxxx
</li>
<li>xxxxxxxxxxxxxxxxxxxxxx</li>
</ul>
</div>
</div>
</div>
<div class="spacer"></div>
</section>