Solução quebra grid ao colocar container-fluid | Bootstrap 4: criando uma landing page responsiva

Uma solução para a quebra do grid ao colocar o container-fluid é demarcar mais uma linha, separando a primeira parte em três cards.

ex:

<div class="container-fluid">
  <div class="row">                                              // LINHA 1 
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>

<div class="row">                                              // LINHA 2 
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>


</div>

Chegou a hora de transformar