How to remove the bottom margin from the container?

Question

HTML

For some reason, the container has a bottom margin, tell me how to remove it?

<div class="container-fluid" style="background-color: #6000ff;">
</div>

It's not exactly spelled out in styles.

/* Show it is fixed to the top */

html{
  font-size:15px;
  margin: 0 auto;
}

body {
   
    margin: 0 auto;
    font-family:'Montserrat',sans-serif;
    font-size:1rem;
    color:#2b2a2c
  }

  a {
    text-align: center;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
  }


  .works__nav {
    display:flex;
    justify-content:center;
    margin-bottom:1.4rem
  }
  .works__nav-link {
    margin:0 1.2rem;
    font-size:.8rem;
    color:rgba(43,42,44,0.7);
    text-decoration:none
  }
  .works__nav-link:hover {
    text-decoration:none
  }

  .hide{
    display:none
  }

Answer 1

If bootstrap, add mb-0 to the class

Answer 2

You are probably looking for the cause in the wrong place.
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://habr.com/ru/post/465839/