title: Laravel - Square divs
body: <p>I'd need to make square div's containing an image. The difficulty I am having, is that I would like it to be square, without having to give it a size. it should be squared in proportion to the max width it gets from the parent div, being limited in this case to col-3. All the samples I was able to find here, do not answer my question.</p>
  
  <pre><code> &lt;div class="col-3 pb-3"&gt;
              &lt;div &gt; &lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;----------- THIS ONE SHOULD BE SQUARE
                  &lt;img src="/images/{{$photo-&gt;filename}}" style="
                  width:100%;
                  height:100%;
                  object-fit: scale-down;"&gt;
              &lt;/div&gt;
              &lt;button class="btn btn-primary mb-0" type="button"&gt;
                  Remove
              &lt;/button&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>How can this be done?</p>