title: White space on right side - Bootstrap 4
body: <p>I'm making a website in Bootstrap 4, but while creating one section I've ended up with the annoying white space on the right that causes unwanted horizontal scrolling.</p>
  
  <p>Been playing with Inspector for ages, but can't figure out where's the problem.</p>
  
  <p><strong>Full code with the relevant section here:</strong> <a href="https://jsfiddle.net/dusset/aq9Laaew/284067/" rel="nofollow noreferrer">https://jsfiddle.net/dusset/aq9Laaew/284067/</a></p>
  
  <pre><code>      &lt;div class="row text-center text-light"&gt;
      &lt;div id="section-one" class="col mx-auto p-3 mb-5" style="max-width:720px;"&gt;
        &lt;h3 class="section-name text-white-50" data-aos="fade-in" data-aos-duration="250" data-aos-delay="250" data-aos-anchor="#section-one"&gt;O produkte&lt;/h3&gt;
        &lt;h2 data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one"&gt;Preskúmajte nepreskúmané&lt;/h2&gt;
        &lt;p class="font-weight-bold mt-5 larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one"&gt;Birthday Capsule je najoriginálnejší a najosobnejší narodeninový darček, aký môžte dať osobe, na ktorej Vám záleží.&lt;/p&gt;
        &lt;p class="larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one"&gt;Či je to babka, kamarátka alebo priateľ, život každého z nás má i nepreskúmanú stránku. Teda, donedávna nepreskúmanú…&lt;/p&gt;
        &lt;p class="larger" data-aos="zoom-in" data-aos-duration="500" data-aos-anchor="#section-one"&gt;Aký vek by mal na Marse? Koľkokrát sa už nadýchla? Čo iné je na dátume jeho narodenia výnimočné? To, i omnoho viac sme preskúmali, a dali do knižky, aby ste to mohli podarovať.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Any help with removing it is much appreciated!</p>