cartão de produto interativo com HTML e CSS

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  Olá 👋, em relação à sua pergunta:

  Tente desta forma: background-image: url(../images/image-product-desktop.jpg);

  E por favor me diga se funciona 🙂

  Saudações,

  1

  ---

  

  luubelmiro•90

  @LUANABELMIROPosted over 1 year ago

  @fernandolapaz

  Olá 👋👋 agradeço sua sugestão, mas infelizmente não funcionou.

  0

  

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  @LUANABELMIRO

  Você gerou uma nova screenshot para mostrar as alterações? (O botão vermelho que diz 'GENERATE NEW SCREENSHOT')

  Porque a página parece boa agora.

  Marked as helpful

  1

  

  luubelmiro•90

  @LUANABELMIROPosted over 1 year ago

  @fernandolapaz

  Agora fui ver de novo e deuu certo <3

  muuuuito obrigada!

  0
• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted over 1 year ago

  ¡Saludos! un poco tarde quizás, pero en el media query de 768px olvidaste colocar el ../ en la url de la imagen, por lo que, no se ve la imagen al ver la página en una resolución menor a 768px.

  Otros detalles:

  • El párrafo te quedo de una fuente diferente, te recomiendo aplicar una fuente general a tu body y aplicar las fuentes especificas solo a aquellos elementos que la necesiten.
  • Estaría bueno que en los próximos desafíos uses variables en tu css, para colores y fuentes podes guiarte por el archivo style-guide.md

  Un ejemplo:

  :root {
    --fs-montserrat: "Montserrat", sans-serif;
    --cream: hsl(30, 38%, 92%);
    --dark-grayish-blue: hsl(228, 12%, 48%);
  }
  
  body {
    font-family: var(--fs-montserrat);
    color: var(--dark-grayish-blue);
    background-color: var(--cream);
  }
  

  0