Boa tarde pessoal !
Ao colocar o class fluid no container o meu grid dar pau, fica aparecendo 4 card em linha. segue o código para verificar
<section class="container-fluid bg-light" id="receitas">
<div class="row justify-content-center">
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-1.jpg" class="card-img-top card-posicao-imagem" alt="Risotto de Queijo">
<div class="card-body">
<h5 class="card-title">Risotto de Queijo</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-2.jpg" class="card-img-top card-posicao-imagem" alt="Frango Grelhado">
<div class="card-body">
<h5 class="card-title">Frango Grelhado</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-3.jpg" class="card-img-top card-posicao-imagem" alt="Molho de Tomate com Queijo">
<div class="card-body">
<h5 class="card-title">Molho de Tomate com Queijo</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-4.jpg" class="card-img-top card-posicao-imagem" alt="Massa Simples">
<div class="card-body">
<h5 class="card-title">Massa Simples</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-5.jpg" class="card-img-top card-posicao-imagem" alt="Peixe Marinado">
<div class="card-body">
<h5 class="card-title">Peixe Marinado</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
<article class="card borda-cor-especial card-largura p-0 m-4 col-12 col-md-4">
<img src="img/receita-6.jpg" class="card-img-top card-posicao-imagem" alt="Torta de Maçã">
<div class="card-body">
<h5 class="card-title">Torta de Maçã</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
content.</p>
<a href="#" class="btn botao-cor-especial">Veja a receita</a>
</div>
</article>
</div>
</section>
</main>