Recipe Page Using CSS Flexbox

Community feedback

• 

  Thawan Araújo•0

  @Thawan010Posted 9 months ago

  boa noite, alguem pode me ajudar? como coloco cor degrade em um button ?

  0

  ---

  

  Aykın Sancaklı•680

  @aykinsancakliPosted 9 months ago

  Olá! @Thawan010,

  Para criar um botão com um degradê de cores em CSS, você pode usar a propriedade background-image com o valor linear-gradient.

   /* Estilos para o botão */
    .degrade-button {
      padding: 10px 20px;
      background-image: linear-gradient(to right, #ff5f6d, #ffc371);
      border: none;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      transition: background-image 0.3s ease;
    }
  
    /* Estilos para o botão ao passar o mouse */
    .degrade-button:hover {
      background-image: linear-gradient(to right, #ffc371, #ff5f6d);
    }
  

  Espero que tenha sido útil.

  Cheers

  Aykın

  0
• 

  Thawan Araújo•0

  @Thawan010Posted 9 months ago

  Não consigo mudar a cor do pontinho da ul, esta mudando tudo junto ul, li, tentei de varias maneiras porem não estou conseguindo, alguem pode me ajudar?

  0

  ---

  

  Aykın Sancaklı•680

  @aykinsancakliPosted 9 months ago

  Olá @Thawan010,

  Se quiser alterar os pontos da lista, você pode alterá-los assim.

  // li::marker Isso permite que você selecione pontos da lista.
  .recipe__ingredients-list li::marker {
    color: var(--Nutmeg); // mudar cor
    font-size: 1.2rem; //  alterar tamanho
  }
  

  Eu espero que isso ajude.

  0

  

  Thawan Araújo•0

  @Thawan010Posted 9 months ago

  @aykinsancakli Muito obrigado me ajudou muito.

  1