Preciso de uma ajuda, quando aplico o grid e ao selecionar o tipo de card fica um do lado do outro, já conferi o código diversas vezes e não está aplicando o grid nos cards, alguém sabe me dizer o motivo?
Os cards, ficam um embaixo do outro e não um ao lado do outro.
hoje, com a Alura e o Google Gemini
Oi, Luis! Tudo certo?
Sinto muito que não tenha obtido o resultado esperado. Para que eu possa te ajudar melhor com essa questão, poderia compartilhar o seu código completo aqui? Infelizmente, não consegui identificar o problema exato sem acesso ao código.
Fico à disposição e aguardando sua resposta. Até mais!
Estou com o mesmo erro :
arrumei agora fucionou:
<h2 class="text-center">Busque por categoria:</h2>
<div class="container row mx-auto">
<div class="col-6">
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
<div class="col-6"></div>
<div class="card">
<svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>
<div class="card-header">
<p class="text-center"> Categoria </p>
</div>
</div>
</div>
</div>