3
respostas

[Dúvida] Só um botão fica preto e roxo.

Só um botão fica preto e roxo.

3 respostas

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.

Ah, se quiser, dá uma olhadinha neste guia sobre como fazer uma boa pergunta no fórum — ele mostra exatamente o que precisamos saber pra conseguir te ajudar da melhor forma, e com mais agilidade.

Fico no aguardo. Abraços e bons estudos!

Alura Conte com o apoio da comunidade Alura na sua jornada. 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.

Ah, se quiser, dá uma olhadinha neste guia sobre como fazer uma boa pergunta no fórum — ele mostra exatamente o que precisamos saber pra conseguir te ajudar da melhor forma, e com mais agilidade.

Fico no aguardo. Abraços e bons estudos!