Foi colocado o Flex e o Wrap para ser responsivo, mas não ficou

Oi, Diógenes, tudo bem?

Desculpe a demora em te responder!

É possível realizar a estilização no posicionamento dos elementos de várias formas utilizando tanto as propriedades do Grid quanto do Flexbox. A proposta do instrutor é uma das opções, nela a responsividade é feita posteriormente por meio do uso de media-queries, por isso os cards ficam com um tamanho fixo e não se adaptam aos diferentes tamanhos de tela e consequentemente não executam o efeito de wrap.

Outra opção que pode ser usada para estilizar os cards utiliza o código CSS abaixo:

.receitas{
    background-color:#e5e5e5;
    display:flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 2rem;
    padding:3.2rem;
}

.receita{
    width: 400px;
    background-color: #fdfdfd;
}

.receita__imagem{
    width:100%;
}

.receita__conteudo{
    padding: 1rem;
}

.receita__titulo{
    font-size:1.5rem;
}

.receita__descricao{
    font-size:1.25rem;
}

.receita__botao {
    background: #8d0606;
    border: none;
    border-radius: 5px;
    color: #fdfdfd;
    padding: 0.8rem;
    transition: all .1s ease-in-out;
}

.receita__botao:hover {
    background: #620404;
    cursor: pointer;
}

Nessa proposta, que também utiliza Flexbox, a responsividade ocorre mesmo sem o uso de media-queries, e o efeito wrap acontece a medida que a tela aumenta ou diminui, já que a maioria das medidas utilizadas é do tipo relativa.

Você pode ler mais sobre o que são as medidas relativas e absolutas, quais os tipos de medidas e onde utilizá-las, no artigo abaixo:

• Guia de Unidades no CSS

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!