title: Unwanted gaps appear on the template (Django)
body: <p>I give the products to the page with the loop in the template, but there is a problem. There is a gap on the page and I can't find the reason. Most likely because of HTML codes. I will be glad if you help.</p>
  <p>This gap in the middle
  <a href="https://i.stack.imgur.com/J72SN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J72SN.png" alt="enter image description here" /></a></p>
  <p>products.html</p>
  <pre><code>&lt;!-- STORE --&gt;
                  &lt;div id=&quot;store&quot;&gt;
                      &lt;!-- row --&gt;
                      &lt;div class=&quot;row&quot;&gt;
                          &lt;!-- Product Single --&gt;
                          {% for product in products %}
                          {% if product.available %}
                          &lt;div class=&quot;col-md-4 col-sm-6 col-xs-6&quot;&gt;
                              &lt;div class=&quot;product product-single&quot;&gt;
                                  &lt;div class=&quot;product-thumb&quot;&gt;
                                      &lt;div class=&quot;product-label&quot;&gt;
                                          &lt;span&gt;New&lt;/span&gt;
                                          {% if product.sale %}
                                          &lt;span class=&quot;sale&quot;&gt;-{{product.sale}}%&lt;/span&gt;
                                          {% endif %}
                                      &lt;/div&gt;
                                      &lt;button class=&quot;main-btn quick-view&quot;&gt;&lt;i class=&quot;fa fa-search-plus&quot;&gt;&lt;/i&gt; Göz At&lt;/button&gt;
                                      &lt;img src=&quot;{{product.main_image.url}}&quot; alt=&quot;&quot;&gt;
                                  &lt;/div&gt;
                                  &lt;div class=&quot;product-body&quot;&gt;
                                      {% if product.sale %}
                                      &lt;h3 class=&quot;product-price&quot;&gt;{{product.discount}} AZN &lt;del class=&quot;product-old-price&quot;&gt;{{product.price}} AZN&lt;/del&gt;&lt;/h3&gt;
                                      {% else %}
                                      &lt;h3 class=&quot;product-price&quot;&gt;{{product.price}} AZN&lt;/h3&gt;
                                      {% endif %}
                                      &lt;div class=&quot;product-rating&quot;&gt;
                                          &lt;i class=&quot;fa fa-star&quot;&gt;&lt;/i&gt;
                                          &lt;i class=&quot;fa fa-star&quot;&gt;&lt;/i&gt;
                                          &lt;i class=&quot;fa fa-star&quot;&gt;&lt;/i&gt;
                                          &lt;i class=&quot;fa fa-star&quot;&gt;&lt;/i&gt;
                                          &lt;i class=&quot;fa fa-star-o empty&quot;&gt;&lt;/i&gt;
                                      &lt;/div&gt;
                                      &lt;h2 class=&quot;product-name&quot;&gt;&lt;a href=&quot;#&quot;&gt;{{product.name}}&lt;/a&gt;&lt;/h2&gt;
                                      &lt;div class=&quot;product-btns&quot;&gt;
                                          &lt;button class=&quot;main-btn icon-btn&quot;&gt;&lt;i class=&quot;fa fa-heart&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                                          &lt;button class=&quot;main-btn icon-btn&quot;&gt;&lt;i class=&quot;fa fa-exchange&quot;&gt;&lt;/i&gt;&lt;/button&gt;
                                          &lt;button class=&quot;primary-btn add-to-cart&quot;&gt;&lt;i class=&quot;fa fa-shopping-cart&quot;&gt;&lt;/i&gt; Səbətə At&lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          {% endif %}
                          {% endfor %}
                          &lt;!-- /Product Single --&gt;
  
                      &lt;/div&gt;
                      &lt;!-- /row --&gt;
                  &lt;/div&gt;
  &lt;!-- /STORE --&gt;
  </code></pre>