Só um botão fica preto e roxo.
Só um botão fica preto e roxo.
Oi, Anderson!
Obrigada por compartilhar sua dúvida com a comunidade Alura. É super comum surgirem essas diferenças visuais no meio do projeto, principalmente com Bootstrap, que tem muitas classes e estilos prontos.
Pra te ajudar direitinho, você poderia compartilhar aqui o código completo? Mandando o link do seu projeto no GitHub.
Assim consigo analisar exatamente o que está acontecendo antes de te sugerir qualquer ajuste, beleza?
Fico no aguardo pra te ajudar melhor com isso.
Fico no aguardo. Abraços e bons estudos!
<div class="col-6 col-md-4 col-xxl-2">
<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 bg-black text-bg-dark">
<p class="text-center card-text">
Categoria
</p>
</div>
</div>
</div>
Oii, Anderson.
Só com essa parte do código não consigo te ajudar. Preciso do seu projeto completo.
Fico no aguardo. Abraços e bons estudos!