title: How to make background image fit to full width div in materialize CSS
body: <p>trying to make background image to cover whole div in materialize CSS, but after many changes, can't understand why is not doing it.</p>
  <p>If i add a solid background, works great, but adding url image and fit size to cover, can't make it work.</p>
  <p>My code works in css, not is inside a container or row..</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.whatWeDo{
  background:url("https://media-exp1.licdn.com/dms/image/C561BAQEe01Ads5I8Mg/company-background_10000/0/1579701573454?e=2159024400&amp;v=beta&amp;t=TSO-iYlwaBA5aoAI3KLAJejMasD77_sYSqP0wQviok0") no-repeat center center scroll;
      background-size:cover;
      height: 500px;
     }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="whatWeDo "&gt;
     
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Thank you in advance</p>