click here check out this image too
Just getting the hang of Bootstrap. The first picture looks good, with the image as the background. But on the second picture, there are margins and a background color showing up. How can I get rid of those margins? Here's the code for the second one:
<div class="container-fluid bg-image w-100" style="background:rgb(201, 188, 188);">
<div class="text-center display-3 pt-5">
<p>What We Do</p>
</div>
<p class="text-center pt-2" style="padding-right:20%; padding-left: 20%;">Lorem ipsum dolor sit amet consectetur
adipisicing elit. A veniam totam eaque praesentium excepturi voluptas suscipit dicta,
blanditiis repudiandae error! Quia dignissimos obcaecati vero illum optio ducimus
iure assumenda earum hic soluta ratione voluptas laudantium quasi incidunt maxime,
autem vel repellendus enim. Maiores enim assumenda fugiat dicta distinctio, a neque.</p>
<div class="text-center pt-2 pb-2"><img src="./img/03.png" alt="" style="width: 50%;"></div>
<p class="text-center pt-5 pb-5">Images from <span style="text-decoration: underline">Freepik</span></p>
</div>