title: How to give space between two rows of products in Angular4
body: <p>In my application I am binding the product and it's details from API response dynamically .Here I have an issue like there is no space between the products when the row count more than one.</p>
  
  <p>Html.</p>
  
  <pre><code>&lt;div class="row"&gt;
  
      &lt;div class="col-sm-4 column" *ngFor="let product of products;let i =index;"&gt;
          &lt;div class="card"&gt;
              &lt;div class="card-img-top card-img-top-250 one"&gt;
                  &lt;img routerLink="/my-cart" class="img-fluid" [src]="product['IMAGE_PATH_1']" alt="image"&gt;
                  &lt;img routerLink="/my-cart" class="img-fluid two" [src]="product['IMAGE_PATH_2']" alt="image"&gt;
              &lt;/div&gt;
              &lt;div class="card-block pt-2"&gt;
                  &lt;div class="col-sm-12 text-center card-text"&gt;
                      &lt;span&gt;{{product?.ITEM_DESCRIPTION}}&lt;/span&gt;
                      &lt;br&gt;
                      &lt;input type="hidden" #productCode value="{{product?.PRODUCT_CODE}}"&gt;
                      &lt;p class="font-weight-bold text-primary" &gt;{{product?.PRODUCT_PRICE}} &amp;#8377;&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;button type="button" class="btn  btn-primary col-sm-12 corner" routerLink="/my-cart" (click)="getProductCode(productCode.value)"&gt;
                      &lt;strong&gt;View Details&lt;/strong&gt;
                  &lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The above code is a separate component (grid component),I just call this component in another component (app component)</p>
  
  <pre><code> &lt;div class="row  container" &gt;
            &lt;app-grid&gt;&lt;/app-grid&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Image :</p>
  
  <p><a href="https://i.stack.imgur.com/TvFc0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TvFc0.png" alt="enter image description here"></a></p>
  
  <p>Can anyone help me to fix this .</p>