Card Product em HTML e CSS

Community feedback

• 

  Kelf Almeida•230

  @Kelf1729Posted over 1 year ago

  Ficou ótimo cara, acho que você só esqueceu do icone de carrinho de compras do lado do texto do botão mas fora isso ficou ótimo. Uma dúvida, o preço maior verde e o menor em cinza você deixou eles lado a lado nivelado como? usou um display flex nos dois e depois um align-items: center? Parabéns, continue assim.

  Marked as helpful

  0
• 

  lucaspicinini•180

  @lucaspicininiPosted over 1 year ago

  Você pode usar o pseudo elemento ::before pra acrescentar o svg com a imagem do carrinho antes do botao "Add to Cart":

  botaoaddtocart::before {
  content: ""; /*essa propriedade é usada com os pseudoelementos ::before e ::after para gerar conteúdo em um elemento*/
  background-image: url("../images/icon-cart.svg");
  width: 15px; /*defina o tamanho do ícone*/
  height: 15px; 
  /*depois que a imagem aparecer é só usar outras declarações de formatação que você preferir para posicioná-la melhor.*/
  

  Marked as helpful

  0