html - Bootstrap 4 Grid Layoutの列のスペースを削除するには?

Question

Front End Developer と About Me モーダルの間のスペースを削除する作業を行っています。ガターなしやパディングの削除などのクラスを使用すると機能しないようです。

参考画像

誰にもアイデアはありますか？

<header>
  <div class="row no-gutters">
    <div class="col-md-4 col-sm-12">
      <img class="title-logo" src="./resources/images/logo.jpeg">
    </div>
    <div class="title-super col-md-4 col-sm-12 offset-md-4 text-uppercase text-right">
      <h1>Terence Fan</h1>
      <h4>Front-End Developer</h4>
      <button type="button" class="btn btn-outline-dark button-style" data-toggle='modal' data-target="#AboutMe">About Me</button>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <hr>
    </div>
  </div>
</header>

ここに完全な Github ソースコードがあります

前もって感謝します！