ThirteenthChallenge-testimonials-CSSGrid

Community feedback

• 

  Huy Phan•2,300

  @huyphan2210Posted 3 days ago

  Hi @cgeguizabal,

  I’d like to help with your background image issue. While I’m not completely sure of the specifics of your situation, here are a few possible explanations that might help:

  1. The visibility and size of a background-image are heavily influenced by its container. If the container lacks dimensions, the image won’t be visible. For example, if you’re applying a background-image to a <div> that has no content and no assigned width or height, the background image won’t show. Example:

  .background-div {
      background-image: url('example.jpg');
      background-size: cover; /* Ensure the image scales properly */
      background-position: center;
      /* No width or height */
  }
  

  To fix this, ensure the container has defined dimensions:

  .background-div {
      width: 100%; /* Or any specific width */
      height: 300px; /* Or any specific height */
      background-image: url('example.jpg');
      background-size: cover;
      background-position: center;
  }
  

  It seems like you’ve resolved the issue, but considering the point above might help you avoid similar problems in the future.

  Hope this helps!

  Marked as helpful

  0

  ---

  

  Guillermo Eguizabal•150

  @cgeguizabalPosted 3 days ago

  @huyphan2210 thank you so much I will take into consideration your explanation, I'm a beginner so everything is helpful. I didn't quite resolve it, I uploaded it to another host(netlify) so I'm still going to try applying your advice on github page.

  0
• 

  Ahirgautam•230

  @AhirgautamPosted 4 days ago

  writing this will do the job :- url(/Testimonials/assets/img/bg-pattern-quotation.svg)

  Marked as helpful

  0

  ---

  

  Guillermo Eguizabal•150

  @cgeguizabalPosted 3 days ago

  @Ahirgautam Thanks a lot, I will try it out right now.

  0